Question

I have this HTML:

<div id="outsideContainer">
<ul>
<li>Hello</li>
<li>Goodbye</li>
</ul>
</div>

With jQuery how would I say when any of those elements is clicked execute a certain function?

I had this but it did not work:

$('#outsideContainer').click(function() {
//do stuff
});

Any ideas?

Answer 1

I did not include the javascript that was actually causing the problem (it was in the //do stuff, but the problem I was having was I was looking for the event.target to be just the outsideContainer instead of the ul and lis.