JQuery.replaceWith does not accept <script> tags

Question

I have an AJAX response containing some HTML, including <script> elements.

This HTML should replace the existing element, but when I use:

 $(element).replaceWith($(response)) 

I am losing script tags from it ...

How can I insert HTML exactly how it is sent?

Answer 1

This code is from the facebook application sample. Paste <div id="fb-root"></div> into the document. For this, the code requires jQuery to load the script. In your case, replace //connect...../all.js ' with <script> elements.

 (function() { var e = document.createElement('script'); e.src = document.location.protocol + '//connect.facebook.net/en_US/all.js'; e.async = true; document.getElementById('fb-root').appendChild(e); }()); 

Answer 2

It will return a string !!

 $.get("ajax.php") .success(function(returningHtmlString) { $(element).replaceWith(returningHtmlString); }); 

Answer 3

See jQuery.parseHTML( data [, context ] [, keepScripts ] )

Following should work

 var content = jQuery.parseHTML(response, document, true) $(element).replaceWith(content)