title: jQuery Hover on <li>
body: <p>I have a list of elements like</p>
  
  <pre><code>&lt;ol&gt;
  &lt;li class="blah"&gt;some text &lt;a href=#"&gt;test&lt;/a&gt;&lt;/li&gt;
  &lt;li class="blah"&gt;some text &lt;a href=#"&gt;test&lt;/a&gt;&lt;/li&gt;
  &lt;li class="blah"&gt;some text &lt;a href=#"&gt;test&lt;/a&gt;&lt;/li&gt;
  &lt;li class="blah"&gt;some text &lt;a href=#"&gt;test&lt;/a&gt;&lt;/li&gt;
  &lt;li class="blah"&gt;some text &lt;a href=#"&gt;test&lt;/a&gt;&lt;/li&gt;
  &lt;li class="blah"&gt;some text &lt;a href=#"&gt;test&lt;/a&gt;&lt;/li&gt;
  &lt;li class="blah"&gt;some text &lt;a href=#"&gt;test&lt;/a&gt;&lt;/li&gt;
  &lt;ol&gt;
  </code></pre>
  
  <p>I want to add a hover element so when the user hovers over the &lt;li&gt; then only that items &lt;a&gt; hovers.</p>
  
  <p>I have this (where hover-enabled is just a color)</p>
  
  <pre><code>jQuery('ol li').hover(function () {
      jQuery('ol li.blah a').addClass('hover-enabled');
  }, function () {
      jQuery('ol li.blah a').removeClass('hover-enabled');
  });
  </code></pre>
  
  <p>It works but ALL of the &lt;a&gt; items hover - not just the individual &lt;li&gt;. Any ideas ?</p>