get the closest value from a list jquery
<p>i need to get the closest class html from my list, but its always returning null if i put directly the <code>closest</code>. i try some other thinks, but its not working.</p>

<p>the <strong>html:</strong></p>

<pre><code>&lt;ul id="ulId"&gt;
  &lt;li class='effectLeg'&gt;
    Stuffs
  &lt;/li&gt;
  &lt;li class='test legColor' style=''&gt;&lt;/li&gt;
  &lt;li class='effectLeg'&gt;
    Stuffs 2
  &lt;/li&gt;
  &lt;li class='test legColor'&gt;&lt;/li&gt;
&lt;/ul&gt;
</code></pre>

<p>so, if i hover the last LI (for exp.) the hover will get the closest class  <code>effectLeg</code> and give me the HTML or anything inside ( in that case the STUFFS 2 ).</p>

<p>the <strong>js</strong>: </p>

<pre><code>$(".legColor").live("hover", function(){
    alert($(this).closest("#ulId").find(".effectLeg").html());
});
</code></pre>

<p>the closest i get was using find, but the find only get the first value of my <code>li</code></p>

<p>i made a exp: check the <a href="http://jsfiddle.net/eC5YE/7/" rel="nofollow"><strong>Demo</strong></a></p>
