jQuery Index of Hovered Button
<p>I'm not sure why I'm not figuring this out... I do this all the time. Must be having a "Monday Moment." But, basically, here's what I have:</p>

<pre><code>$('#nav ul li a').hover(hoverOn, hoverOff); 

function hoverOn (evt) {
    //how do I get the index of which button was hovered (from the jQuery group)?
}
</code></pre>

<p>My code looks like this:</p>

<pre><code>&lt;div id="nav"&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href="#" id="index"&gt;Home&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="#" id="about"&gt;About Us&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="#" id="services"&gt;Services&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="#" id="resources"&gt;Resources&lt;/a&gt;&lt;/li&gt;    
&lt;li&gt;&lt;a href="#" id="contact"&gt;Contact&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/div&gt;
</code></pre>
