jQuery and nth element
<p>I have a set of span elements as below</p>

<pre><code>&lt;div&gt;
  &lt;span class='foo'&gt;foo0&lt;/span&gt;
  &lt;span class='foo'&gt;foo1&lt;/span&gt;  
  &lt;span class='foo'&gt;foo2&lt;/span&gt;
  &lt;span class='foo'&gt;foo3&lt;/span&gt;
  &lt;span class='foo'&gt;foo4&lt;/span&gt;
&lt;/div&gt;
</code></pre>

<p>I have attached mouse in and mouse out events to each of the span elements. Now, on mouse in event is it possible to find out using jQuery whether the current hovered span element is the first span element with the class foo?</p>
