title: jQuery .fadeIn() not working as expected
body: <p>I have the code below for showing a submenu. I want the submenu to fade in on mouse-over, but it doesn't fade in - it just immediately shows the submenu:</p>
  
  <pre><code>jQuery("ul li").mouseover(function() {
      jQuery(this).fadeIn(1000, function () {
          jQuery(this).find('ul').css('right','0px').css('top','24px');
      });
  }).mouseout(function(){
      jQuery(this).find('ul').css('right','-1000px');
  });
  </code></pre>
  
  <p>thanks</p>