jquey appendTo removes javascript script tags

Question

var testdiv = '<div id="hello"><p>hiii</p>
               <script type="text/javascript">some javascript functions</script>
               </div>';
$(testdiv).appendTo(document.body);

After running above code, div that is added is missing javascript, i.e everything inside < script type="text/javascript" >

Is this known issue with appendTo ?

Answer 1

If you're trying to include some remote script, you may have more success using $.getScript()

More info here: http://docs.jquery.com/Ajax/jQuery.getScript

Edit:

Maybe this question has the answer you're looking for?

Answer 2

Do you want to load JavaScript dynamically?

Answer 3

You might need to chop up the <script> tags. This works:

var testdiv = '<div id="hello"><p>hiii</p><scr'+'ipt type="text/javascript">console.log("buu")</scr'+'ipt></div>';
$(testdiv).appendTo(document.body);

Answer 4

var testdiv = '<div id="hello"><p>hiii</p><script type="text/javascript">alert(\'foo\')</script></div>';
$(testdiv).appendTo(document.body);

I replaced "some javascript" with an alert, and it works fine for me. Note that I had to escape the quotes I was using in the string, that may have been it.

I agree with jonscottclark about getScript(). There are indeed much better ways to include and execute additional scripts.