I want to trigger jQuery .load() many times from the same script
<p>Okay so I want to do the opposite of all the questions in my search results.  Most people want to stop jQuery from nesting divs or whatnot because the .load() method ends up being called multiple times.</p>

<p>I want to call .load() every time I click on something.  The trouble is that the link with the id I select gets replaced out by the .load().  I have included the same id on a link that's inserted by innerHTML during the first call of .load().  jQuery won't select the newly populated id for subsequent clicks, even though its now in the DOM again.</p>

<p>Main Page:</p>

<pre><code>&lt;div id="#replace_me"&gt;
  &lt;p&gt;some stuff&lt;/p&gt;
  &lt;a id="click_me"&gt;A LINK&lt;/a&gt;
&lt;/div&gt;

&lt;script type="text/javascript"&gt;
   $('#click_me').click(function () {
       $('#replace_me').load('new.html');
   });
&lt;/script&gt;
</code></pre>

<p>NEW.HTML :</p>

<pre><code>&lt;p&gt;some new stuff that actually is dynamic and changes periodically&lt;/p&gt;
&lt;a id="click_me"&gt;A LINK&lt;/a&gt;
</code></pre>

<p>For simplicity's sake I'm not going to go into why I just don't leave that link outside the replaced  but the reality is that it needs to go away and come back with the .load() method.</p>
