load part of a page with jquery
<p>There are two pages ,Add part of webform4.html's page content into  webform3.html's div after webform3.html load completed.But when I click the Buttone4,the event do not work.
How to fix this?Thank you very much!</p>

<p>WebForm3.html</p>

<pre><code>&lt;html xmlns="http://www.w3.org/1999/xhtml"&gt;
&lt;head id="Head1" runat="server"&gt;
&lt;title&gt;&lt;/title&gt;
&lt;script src="scripts/jquery-1.7.2.js" type="text/javascript"&gt;&lt;/script&gt;
&lt;script type="text/javascript"&gt;
    $(function () {
        $("#W4").load("WebForm4.html #CC");
        $("#Button4").click(function () {
            alert("webform4.html");
        })
    })
&lt;/script&gt;
&lt;/head&gt;
&lt;body&gt;
&lt;form&gt;
&lt;div id="W4"&gt;
&lt;/div&gt;
&lt;input id="Button1" type="button" value="button" /&gt;
&lt;/form&gt;
&lt;/body&gt;
&lt;/html&gt;
</code></pre>

<p>WebForm4.html</p>

<pre><code>&lt;html xmlns="http://www.w3.org/1999/xhtml"&gt;
&lt;head runat="server"&gt;
&lt;title&gt;&lt;/title&gt;
&lt;/head&gt;
&lt;body&gt;
&lt;div id="CC"&gt;
    &lt;input id="Button4" type="button" value="button"/&gt;
&lt;/div&gt;
&lt;/body&gt;
&lt;/html&gt;
</code></pre>
