title: How to debug JavaScript / jQuery event bindings with Firebug or similar tools?
body: <p>I need to debug a web application that uses jQuery to do some fairly complex and messy <a href="http://en.wikipedia.org/wiki/Document_Object_Model" rel="noreferrer">DOM</a> manipulation. At one point, some of the events that were bound to particular elements, are not fired and simply stop working.</p>
  
  <p>If I had a capability to edit the application source, I would drill down and add a bunch of <a href="http://en.wikipedia.org/wiki/Firebug_%28software%29" rel="noreferrer">Firebug</a> <code>console.log()</code> statements and comment/uncomment pieces of code to try to pinpoint the problem. But let's assume I cannot edit the application code and need to work entirely in Firefox using Firebug or similar tools.</p>
  
  <p>Firebug is very good at letting me navigate and manipulate the DOM. So far, though, I have not been able to figure out how to do event debugging with Firebug. Specifically, I just want to see a list of event handlers bound to a particular element at a given time (using Firebug JavaScript breakpoints to trace the changes). But either Firebug does not have the capability to see bound events, or I'm too dumb to find it. :-)</p>
  
  <p>Any recommendations or ideas? Ideally, I would just like to see and edit events bound to elements, similarly to how I can edit DOM today.</p>