How can I over-ride the click of each LI in jQuery?
<p>I have the following UL:</p>

<pre><code>   &lt;ul class="xbreadcrumbs" style="position:absolute; bottom:0px"&gt;
&lt;li&gt;&lt;a href="someURL"&gt;A Crumb&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
</code></pre>

<p>This is being dynamically created by my javascript. How can I override the click for each LI that is inside of a UL called xbreadcrumbs in jQuery and have it do something instead of go to a new hyperlink?</p>

<p>Also, how can I get the behavior to be different for each li?</p>

<p>Updated:</p>

<pre><code>$.each('.xbreadcrumbs li', function(){
        $(this).live('click',function(e){
          e.stopPropagation();
          console.log('clicked for each li');
        });
    });
</code></pre>
