click events on nested list items each with their own click handler
<p>I have nested unordered lists and click handlers on each li element.  When clicking on a nested li, it's firing both events.  Is there anyway to prevent this behavior?  </p>

<pre><code>&lt;ul&gt;
    &lt;li&gt;thundercats
        &lt;ul&gt;
            &lt;li&gt;panthero&lt;/li&gt;
            &lt;li&gt;cheetarah&lt;/li&gt;
        &lt;/ul&gt;
    &lt;/li&gt;
&lt;/ul&gt;
</code></pre>

<p>So in the above list clicking "thundercats" would fire one event setting a value to "thundercats",  clicking on panthero would fire another event setting a value to panthero.</p>

<p>Unfortunately clicking panthero causes the value to be set properly for an instant and then the click handler on thundercats fires and overwrites the value.   Is there a way to prevent that?</p>
