Why does returning false stop propagation with jQuery while it doesn't with POJS?
<p>Here is a jsfiddle using POJS showing that <code>return false;</code> doesn't stop the event's propagation: <a href="http://jsfiddle.net/Ralt/Lz2Pw/" rel="nofollow">http://jsfiddle.net/Ralt/Lz2Pw/</a></p>

<p>Here is another using jQuery showing that <code>return false;</code> <strong>does</strong> stop the event's propagation: <a href="http://jsfiddle.net/Ralt/D5Mtg/" rel="nofollow">http://jsfiddle.net/Ralt/D5Mtg/</a></p>

<p><strong>Edit:</strong> The one explaining to me why jQuery does this - differing from the original behavior intentionally - (and where in the code) gets the answer.</p>

<p>Here is the code (long, but very easy to read):</p>

<ul>
<li><p>HTML for both versions:</p>

<pre><code>&lt;div id="parent1"&gt;
    &lt;div id="child1"&gt;&lt;a href="#" id="a1"&gt;child1&lt;/a&gt;&lt;/div&gt;
&lt;/div&gt;

&lt;div id="parent2"&gt;
    &lt;div id="child2"&gt;&lt;a href="#" id="a2"&gt;child2&lt;/a&gt;&lt;/div&gt;
&lt;/div&gt;

&lt;div id="parent3"&gt;
    &lt;div id="child3"&gt;&lt;a href="#" id="a3"&gt;child3&lt;/a&gt;&lt;/div&gt;
&lt;/div&gt;
</code></pre></li>
<li><p>POJS:</p>

<pre><code>document.getElementById( 'child1' ).onclick = function( e ) {
    console.log( 'child1' );
    e.preventDefault();
};

document.getElementById( 'parent1' ).onclick = function( e ) {
    console.log( 'parent1' );
};

document.getElementById( 'child2' ).onclick = function( e ) {
    console.log( 'child2' );
    return false;
};

document.getElementById( 'parent2' ).onclick = function( e ) {
    console.log( 'parent2' );
};

document.getElementById( 'child3' ).onclick = function( e ) {
    console.log( 'child3' );
    e.stopPropagation();
};

document.getElementById( 'parent3' ).onclick = function( e ) {
    console.log( 'parent3' );
};
</code></pre></li>
<li><p>jQuery version:</p>

<pre><code>$( '#child1' ).click( function( e ) {
    console.log( 'child1' );
    e.preventDefault();
});

$( '#parent1' ).click( function( e ) {
    console.log( 'parent1' );
});

$( '#child2' ).click( function( e ) {
    console.log( 'child2' );
    return false;
});

$( '#parent2' ).click( function( e ) {
    console.log( 'parent2' );
});

$( '#child3' ).click( function( e ) {
    console.log( 'child3' );
    e.stopPropagation();
});

$( '#parent3' ).click( function( e ) {
    console.log( 'parent3' );
});
</code></pre></li>
</ul>
