title: jQuery fadeIn CSS class
body: <p>I'm trying to do simple fadeIn() CSS class on certain objects that have the "button" class. I want to fadeIn the "hoverbutton" class on hover and then fadeOut when their mouse leaves the item. </p>
  
  <p>I found this in the questions. It seemed to work well until i noticed when i hover over multiple buttons quickly some get stuck on the "hoverbutton" class. Not a clue how to fix that. Any suggestions would be great.</p>
  
  <pre><code>$('.button').hover(function(){
      $(this).addClass('hoverbutton', 200);
  }, function(){
      $(this).removeClass('hoverbutton', 200);
  });
  </code></pre>
  
  <p>it seems they get stuck when i hover over one and quickly jump to another item with that class <strong>before</strong> the fading on the first one is complete.</p>
  
  <p>stop()ing produced the same result. hover class still gets stuck</p>
  
  <pre><code>$('.button').hover(function(){
    $(this).stop().addClass('hoverbutton', 200);
  }, function(){
    $(this).stop().removeClass('hoverbutton', 200);
  });
  </code></pre>