selectors not working entirely
<p>I am populating a <code>&lt;div&gt;</code> with the <code>html()</code> function, after a link is clicked. Basically, I don't want the page to refresh, but put stuff inside the <code>&lt;div&gt;</code>.  </p>

<p>That works fine.  However, I am passing a link into the <code>&lt;div&gt;</code>, and trying to select that too!  It literally takes me to a different page, rather than populating the next <code>&lt;div&gt;</code>, as I expected.</p>

<pre><code>&lt;script type="text/javascript"&gt;
$(document).ready(function() {

  $(".link1").click(function(){ $("#div1").html("&lt;a href='#' class='link2'&gt;click here&lt;/a&gt;"); return false; });
  $(".link2").click(function(){ $("#div2").html("Just Text"); return false; });

}); 
&lt;/script&gt;

&lt;div id="div1"&gt;&lt;/div&gt;
&lt;div id="div2"&gt;&lt;/div&gt;
</code></pre>
