<div id="example">

</div>


<script type="text/javascript">

  function insert() {
     var data = '<script type="text/javascript">  function test() {    a = 5;   }<\/script>';  
     $("#example").append(data);
  } 

  function get() {
     var content = $("#example").html();
     alert(content);
  }


</script>


<a href="#" onclick="insert();">INSERT</a>

<a href="#" onclick="get();">GET</a>


</body>
</html>

lo que quiero hacer:

Cuando hago clic en Insertar, quiero insertar este código en el ejemplo div:

<script type="text/javascript">  function test() {    a = 5;   }<\/script>

cuando hago clic en obtener, quiero obtener ese código, que inserté allí.

pero cuando hago clic en insertar y luego en obtener, no hay código ... ¿dónde está el problema? Gracias