title: Priority when more than one event handler is bound to an element
body: <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>