How do you access newly appended HTML elements in jQuery
<p>Here's an example of my problem:</p>

<p><b>HTML</b></p>

<pre><code>&lt;p&gt;&lt;a class="clickme" href="#"&gt;I would like to say:&lt;/a&gt;&lt;/p&gt;
</code></pre>

<p><b>jQuery</b></p>

<pre><code>$("a.clickme").click(function() {
    $('p').append('&lt;div&gt;&lt;a href="#" id="say-hello"&gt;Hello&lt;/a&gt;&lt;/div&gt;');
});

$("#say-hello").click(function(){
    alert('test hello');
});
</code></pre>

<p>Here's a fiddle with the example code:
<a href="http://jsfiddle.net/johnmorris/2UVYd/2/" rel="nofollow">http://jsfiddle.net/johnmorris/2UVYd/2/</a></p>

<p>The first click function fires just fine. But, the alert (or any other function) will not fire on the newly appended elements. I basically understand that the appended element didn't exist on page load, so jQuery doesn't "see" it... thus, the second click function not firing.</p>

<p>I'm just wondering if there's a way around that. And, if so, what is it. I can't seem to get this figured out.</p>
