Delegate handler for inner list?
<p>I have the following:</p>

<pre><code>&lt;ul id='foo'&gt;
  &lt;li&gt;
    &lt;ul class='a'&gt;
      &lt;li class='animal'&gt;goat&lt;/li&gt;
      &lt;li class='animal'&gt;horse&lt;/li&gt;
      &lt;li class='animal'&gt;pig&lt;/li&gt;
    &lt;/ul&gt;
  &lt;/li&gt;
  &lt;li&gt;
    &lt;ul class='a'&gt;
      &lt;li class='animal'&gt;zebra&lt;/li&gt;
    &lt;/ul&gt;
  &lt;/li&gt;
&lt;/ul&gt;
</code></pre>

<p>I want to make a delegate handler for the inner li items (the ones with class 'animal'):</p>

<pre><code>$('#foo li ul').delegate('li', 'click', function(event) {
    ...
});
</code></pre>

<p>I'm not sure how to define the selector though in the delegate definition - what's the right way to do it?</p>

<p>Thanks</p>
