jQuery AJAX Strips Script Tags And Inserts Them After Parent-Most Elements 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
	<title>jQuery And Script Tags With AJAX Data</title>
	<script type="text/javascript" src="jquery-1.3.2.js"></script>
	<script type="text/javascript">
 
		// When the DOM has loaded, gather the html data.
		$(
			function(){
				$.ajax(
					{
						method: "get",
						url: "./script2_data.cfm",
						dataType: "html",
						success: function( strHTML ){
							$( "#loader" ).html( strHTML );
 
							// Log updated HTML.
							console.log( $( "#loader" ).html() );
						}
					}
					);
			}
			);
 
	</script>
</head>
<body>
 
	<h1>
		jQuery And Script Tags With AJAX Data
	</h1>
 
	<div id="loader"></div>
 
</body>
</html>

For Cut-and-Paste