title: How can I over-ride the click of each LI in jQuery?
body: <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>