title: jQuery fade is not smooth the first time, but works after that
body: <p>I have this code that fades the body of a page when the login button is clicked.  It has kind of 'hiccup' where is pauses with the outline of the textboxes still showing the first time this is run when I run the project.  If i do it again in the same session it works beautifully.</p>
  
  <p>Is there a way to make this work right the first time?</p>
  
  <pre><code>&lt;head id="Head1" runat="server"&gt;
      &lt;title&gt;Web Portal - Login&lt;/title&gt;
      &lt;link href="~/css/common.css" type="text/css" rel="stylesheet" /&gt;
      &lt;script src="js/jquery-1.4.min.js" type="text/javascript"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" language="javascript"&gt;
      $(document).ready(function () {
  
  
  
          $('#btnLogin').click(function () {
              $("body").fadeOut('2000');
  
          });
  
  
      });
  &lt;/script&gt;
  &lt;/head&gt;
  &lt;body&gt;
  </code></pre>