<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>

```
```
$(this).doStuff()
```
```