Cannot get Jquery .ajax or .load to execute scripts
<p>Here's test.html :</p>

<pre><code>&lt;html&gt;
&lt;head&gt;
&lt;script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js" type="text/javascript"&gt;&lt;/script&gt;
&lt;/head&gt;
&lt;body&gt;
&lt;script language=javascript&gt;

$(document).ready(function() {
            $("button").click( function() {
            $.ajax({
            url : "http://localhost:101/test2.html",
            dataType : "html",
            success: function(data){  alert(data);  $("div").html(data);  }
            });
            });
});
/*
$(document).ready(function() {
            $.ajax({
            url : "http://localhost:101/Scripts/testscript.js",
            dataType : "script"
            //success: function(data){    $("#inner-main").html(data);  }
            });
});
*/
&lt;/script&gt;
&lt;button&gt; bleh &lt;/button&gt;
&lt;div&gt; &lt;/div&gt;
&lt;/body&gt;
&lt;/html&gt;
</code></pre>

<p>Here's test2.html :</p>

<pre><code>&lt;script type=javascript&gt;
alert("lock and load, outside!");
                                    $(document).ready(function () {
                                        alert("lock and load!");
                                    });    

&lt;/script&gt;
&lt;p&gt;Hello, world &lt;/p&gt;
</code></pre>

<p>I cannot get test1 to load test2 and execute scripts in it.
I do get &lt; p > (Hello World) to display in the div. The scripts though, do not execute.
The only alert I see is from the function called on success.</p>

<p>What am I doing wrong ?</p>

<p>The URL to test1.html is <a href="http://localhost:101/test1.html" rel="nofollow">http://localhost:101/test1.html</a></p>
