title: jQuery-bound event handlers
body: <p>I want to attach a 'click' event handler to the first child of an element with ID 'foo' using <a href="http://en.wikipedia.org/wiki/JQuery" rel="nofollow noreferrer">jQuery</a>. I understand that the syntax for doing this is:</p>
  
  <pre><code>$('#foo:first-child').bind('click', function(event) {
      // I want to access the first child here
  })
  </code></pre>
  
  <p>Within the handler body I want to access the element which caused the event to be fired. I've read somewhere that you can't simply refer to it via 'this', so how can I access it?</p>