Priority when more than one event handler is bound to an element
<p>When more than one event handler is bound to an element, how is it determined which one is triggered first?</p>

<pre><code>&lt;script&gt; 
$(function(){
    $(".li").find('input').click(function(){alert('li&gt;input');});
    $(".li").click(function(){alert('li');});
    $('input').click(function(){alert('input');});
});
&lt;/script&gt;
&lt;/head&gt;

&lt;body&gt;
&lt;ul&gt;
&lt;li class="li"&gt;&lt;input type="checkbox" /&gt;&lt;span&gt;Hello&lt;/span&gt;&lt;/li&gt;
&lt;li class="li"&gt;&lt;input type="checkbox" /&gt;&lt;span&gt;Hello&lt;/span&gt;&lt;/li&gt;
&lt;li class="li"&gt;&lt;input type="checkbox" /&gt;&lt;span&gt;Hello&lt;/span&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/body&gt;
</code></pre>
