title: Hover event fires twice (on enter and leave) in jQuery?
body: <pre><code>$(document).ready(function(){
      $("#menu a").hover(function(){
          $(this).animate({opacity: 0.25}, function(){
              $(this).animate({opacity: 1});
          });
      });
  });
  </code></pre>
  
  <p>I applied this effect to my menu, so when the mouse goes over the link it shows this fade effect, but when the mouse is released from it, the effect plays again. It shouldnt. It should only play once when the mouse is over the link, not another time when the mouse is out.</p>