title: jQuery event debugging in Chrome
body: <p>We have a very JS intensive web application, largely based around jQuery's <a href="http://api.jquery.com/live/" rel="noreferrer"><code>live</code></a> bindings (indeed we've been making this since prior to jQuery v1.7).</p>
  
  <p>Chrome's built in dev tools are great, however there is one problem that keeps occurring that I always find almost impossible to debug with them: <strong>Sometimes my <code>live</code> handlers are not called due to an earlier handler stopping the event bubbling</strong>.</p>
  
  <p>Is there any way I can tell Chrome (or indeed Firebug or another extension or bookmarklet (preferably free!)) to <strong>break on next event handler outside of the jQuery library's code</strong>. This way I could simply click the button and see which event if firing, step through and see when I'm accidentally stopping the propagation?</p>
  
  <p>If not, is there a good reason why not? Can this be done?</p>