Content from .load() is not active on main page
<p>I have these pages:</p>

<p><strong>information.php</strong></p>

<pre><code>&lt;div id='content'&gt;Foo Bar&lt;/div&gt;
</code></pre>

<p><strong>main.php</strong></p>

<pre><code>&lt;div id='main'&gt;&lt;/div&gt;
&lt;script type="text/javascript"&gt;
    $(document).ready(function() {
    $("#main").load("information.php");
    $("#content").click(function() {
        alert("Worked!");
    });
&lt;/script&gt;
</code></pre>

<p>When I click on the <code>&lt;div&gt;</code> with <code>id=content</code>, loaded from <code>information.php</code>, nothing happens. The console of Chrome doesn't report any errors either. If I manually put the content-div from <code>information.php</code> into my <code>main.php</code> page it all works fine. Why doesn't it work when I use jQuery load?</p>

<p>The jQuery main script is loaded in the  and all other jQuery functions I have made on the site works perfectly. It's when I load another page into my main page that the IDs from the loaded page doesn't work, or are not active of some sort.</p>
