Multiple selectors problem

Multiple selectors problem

I am populating a <div> with the html() function, after a link is clicked. Basically, I don't want the page to refresh, but put stuff inside the <div>.

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

<script type="text/javascript">
$(document).ready(function() {

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

});
</script>

<div id="div1"></div>
<div id="div2"></div>