title: How can I fade a div after the page is loaded using jQuery?
body: <p>I'm trying to fade the Movies div of this HTML</p>
  
  <pre><code>&lt;div class="row"&gt;
    &lt;div id=Movies class="col-md-4"&gt;
     &lt;h2&gt;Movies&lt;/h2&gt;
    &lt;p&gt;Some text.&lt;/p&gt;
  
   &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>and I'm using this jquery code</p>
  
  <pre><code>&lt;script&gt;
      $(function(){$("#Movies").show("slow");
                  });
  &lt;/script&gt;
  </code></pre>
  
  <p>I've also tried this:</p>
  
  <pre><code>&lt;script&gt;         
            $(document).ready(function(){$("#Movies").fadeIn(3000);
                               });
  &lt;/script&gt;
  </code></pre>
  
  <p>But it ain't working. The page loads with no fade in. The div just loads like every other element. What's wrong with this?</p>