jQuery - why does delegate propagate, even after ``e.preventDefault();`` is called?
<p>I have a div with a nested link. The div has a <code>delegate</code> handler for <code>'click'</code>, which alerts "Div". The link within the div also has a <code>delegate</code> handler for <code>'click'</code> wherein <code>e.preventDefault();</code> is called before alerting "Link". When I click the link, I see the "Div" alert, and the "Div" alert. I'm unclear why this is happening since I'm attempting to stop propagation from the link's click handler.</p>

<h3>JavaScript</h3>

<pre><code>$('body').delegate('.outer', 'click', function(e){
    e.preventDefault();
    alert('Div');
});

$('body').delegate('.outer a', 'click', function(e){
    e.preventDefault();
    alert('Link');
    // Note: I've also tried returning false (vs using preventDefault), per the docs
});
</code></pre>

<h3>HTML</h3>

<pre><code>&lt;div class="outer"&gt;
    &lt;a href="#"&gt;Click me&lt;/a&gt;
&lt;/div&gt;
</code></pre>
