title: jQuery - Hover not working
body: <p>Having a little trouble with <code>.hover()</code></p>
  
  <p>I'm grabbing some dribbble shots, which are pulled in on page load. And for some reason adding a class via hover doesn't want to work on them. </p>
  
  <p>Although it works perfectly fine with a standard list. </p>
  
  <p><a href="http://jsfiddle.net/HX2NM/1/">jsFiddle here</a></p>
  
  <p><strong>JS:</strong></p>
  
  <pre><code>$("#dribbble li").hover(
  
  function () {
      $(this).addClass("hover");
  },
  
  function () {
      $(this).removeClass("hover");
  });
  </code></pre>
  
  <p><strong>HTML</strong></p>
  
  <pre><code>&lt;div id="dribbble"&gt;
  &lt;ul&gt;
      &lt;li&gt;&lt;/li&gt;
      &lt;li&gt;&lt;/li&gt;
      &lt;li&gt;&lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p></p>