title: jQuery fadeIn duration having no effect
body: <p>I am trying to use jQuery fadIn function in my web app but the duration/speed parameter is having no effect whatsoever. Here is the HTML code:</p>
  
  <pre class="lang-html prettyprint-override"><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;head&gt;
      &lt;title&gt;Web App Test Bench&lt;/title&gt;
      &lt;meta name="viewport" content="user-scalable=yes,width=device-width" /&gt;
      &lt;meta charset="ISO-8859-1"/&gt;
      &lt;link rel="icon" type="image/png" href="mj_logo.png" /&gt;
      &lt;meta name="apple-mobile-web-app-capable" content="yes" /&gt;
  &lt;link rel="stylesheet" href="http://code.jquery.com/mobile/1.1.0 /jquery.mobile-1.1.0.min.css" /&gt;
  
  
      &lt;script type="text/javascript" src="http://code.jquery.com/jquery-1.6.4.min.js"&gt;&lt;/script&gt;
      &lt;script src="http://code.jquery.com/mobile/1.1.0/jquery.mobile-1.1.0.min.js"&gt;&lt;/script&gt;
  
  
  &lt;script type="text/javascript" src="test.js"&gt;&lt;/script&gt;
  &lt;body&gt;
      &lt;section id="page1" data-role="page"&gt;
  
      &lt;div data-role="content" class="content"&gt;
  
      &lt;img id="logo" src="welcomeLogo.jpg" alt="Welcome Logo"/&gt;
  
      &lt;/div&gt;
  
  &lt;/section&gt;
  
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>And the javascript is:</p>
  
  <pre class="lang-javascript prettyprint-override"><code>$(document).ready(function()
  {
      $("#logo").hide().fadeIn("8000",function()
      {
          console.log("The animation is done");
      }
      ).fadeOut("8000");
  
  
  })
  </code></pre>
  
  <p>No matter which value, big or small I choose, the animation is done in a flash.Any suggestions as to what could be the problem?</p>