Jquery multiple events when only one wanted
<p>With the following html and jQuery, if I click the first anchor multiple times and then click the list anchor I get the alert message show up by the number of times I clicked the first anchor.  Why is this?  How do I stop it happening?</p>

<pre><code>&lt;div&gt;
    &lt;a href="#"&gt;click me&lt;/a&gt;
    &lt;ul style="display:none"&gt;
        &lt;li&gt;&lt;a href='#'&gt;now click me&lt;/a&gt;&lt;/li&gt;
    &lt;/ul&gt;
&lt;/div&gt;


$('div &gt; a').click(function(e) {
    e.preventDefault();

    $(this).next().show().find('a').click(function() {
        alert("alert from inner click");
        return false;
    });
});
</code></pre>
