title: Using Chrome, how to find to which events are bound to an element
body: <p>Lets suppose I've a link on my page:</p>
  
  <pre><code>&lt;a href="#" id="foo"&gt;Click Here&lt;/a&gt;
  </code></pre>
  
  <p>I don't know anything else, but when I click on the link, an <code>alert("bar")</code> is displayed.
  So I know that somewhere, some code is getting bound to <code>#foo</code>.</p>
  
  <p>How can I find the code that is binding the <code>alert("bar")</code> to the click event?
  I'm looking for a solution with Chrome.</p>
  
  <p>Ps.: The example is fictive, so I'm not looking for solution like: "Use XXXXXX and search the whole project for "alert(\"bar\")". I want a real debugging/tracing solution.</p>