title: jQuery 1.3.2 - Best way to prevent events triggering on lower elements?
body: <p>I have this (simplification):</p>
  
  <pre><code>$(li).click(function{alert("test");});
  
  &lt;li&gt;
     &lt;input&gt;
  &lt;/li&gt;
  </code></pre>
  
  <p>What's the best way to bind an event to <code>li</code> but not fire when the user clicks on the <code>input</code> element?</p>