title: mouseover and addClass jQuery example
body: <p>here's a gimme for anyone that knows jQuery:</p>
  
  <p>I have a navigation <code>&lt;ul class="nav"&gt;</code> I want to change around. I'm basically looking for the <code>a:hover</code> effect, just faded in (I'm using sprites, and going from one sprite area to the next).</p>
  
  <p>The code I have in my header looks like this:</p>
  
  <pre><code>$(document).ready(function(){
    $(".nav li").mouseover(function(){
      addClass('hovered');
    });
  });
  </code></pre>
  
  <p>In my understanding of jQuery, this says "Once the document it ready, listen for a mouseover event on all <code>.nav li</code> elements. When you hear that, add a class "hovered" to it. So that's what I want to have happen, but right now -nothing- is happening.</p>
  
  <p>Eventually I'll add in the animation and mouseOut, but I'd like to be able to get this part working as I want it. Thanks!</p>