title: jQuery fade not Animating Smoothly
body: <p>I'm using jQuery fade on .hover to hide an element, and make it reappear on mouseexit, but when I run the .fadeOut() method, regardless of the duration I enter, or if I leave it to the default, it waits the duration then (dis)appears instantly rather than slowly fading out/in over the duration.  I'm on the latest version of chrome.  Anyone else run into this?</p>
  
  <pre><code>$(document).ready(function(){
      $(".navbutton").hover(
          function() {
              $('span.linktext, span.linkdropcap').fadeOut();
          },
          function() {
              $('span.linktext, span.linkdropcap').fadeIn();
          }
      );
  });
  </code></pre>
  
  <p>Other browsers are giving me the exact same behavior.</p>
  
  <p>See this jsFiddle: <a href="http://jsfiddle.net/TXrDk/" rel="noreferrer">http://jsfiddle.net/TXrDk/</a></p>