title: changing class of li dynamically after hovering
body: <p>Hi I was wondering if there was anyway to dynamically change the class of a list when you hover over it.  Here is my code and fiddle.  When I hover over the li I want it to change the class. and on mouseout I want it to change back to original. </p>
  
  <pre><code>$('.navi &gt; li').on("mouseover", function () {
      ($(this)).removeClass('.navi').addClass('.navi2');
      $('.hover-name', this).show();
  }).on("mouseout", function() { 
      $('.hover-name').hide();
  });
  </code></pre>
  
  <p><a href="http://jsfiddle.net/Samfr/8/" rel="nofollow">http://jsfiddle.net/Samfr/8/</a></p>