title: jquery hover().addClass() problem
body: <p><a href="http://jsfiddle.net/aBaw6/2/" rel="nofollow">http://jsfiddle.net/aBaw6/2/</a></p>
  
  <p>This demo does not add class when you hover a list item.</p>
  
  <p>What am I doing wrong here?</p>
  
  <pre><code>$("li").hover(
    function () {
      $(this).addClass('hover);
    }, 
    function () {
      $(this).removeClass("hover");
    }
  );
  </code></pre>
  
  <p><em>html</em></p>
  
  <pre><code>&lt;ul&gt;
      &lt;li&gt;Milk&lt;/li&gt;
      &lt;li&gt;Bread&lt;/li&gt;
      &lt;li&gt;Chips&lt;/li&gt;
      &lt;li&gt;Socks&lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p><em>css</em></p>
  
  <pre><code>.hover{
      color:green;
      font-size: 20px;
  }
  </code></pre>
  
  <p>Thanks in advance.</p>