Change jQuery click handler anchors within a loaded page
<p>I have a master page that loads content into a div based on which link is clicked. I do this by using jQuery to add a click handler for certain anchors:</p>

<pre><code>&lt;div id="nav"&gt;
  &lt;a href="somepage.html"&gt;
  ...
&lt;/div&gt;

&lt;div id="content"/&gt;

&lt;script type="text/javascript"&gt;
  $(document).ready(function() {
    $('#nav a, #footer a').click(function(e) {
      $('#content').load($(this).attr('href'));
      return false;
    });
  });
&lt;/script&gt;
</code></pre>

<p>Some of the pages that get loaded into #content also have anchors for which I want to add a click handler (so the result of those clicks also go into #content). I've tried this:</p>

<pre><code>$('#content a').click(function(e) {
  ...
});
</code></pre>

<p>but that doesn't appear to work. Any ideas how I can set the click handler on anchors in those loaded pages?</p>
