title: Fade in divs one after another
body: <p>Hey there guys, Im good with HTML and CSS but have only jsut started to scratch the surface of jQuery. I'm looking to make 3 divs fade in on page load one after another.
  So far I have this</p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
      $('#1').hide().fadeIn(1500);
      $('#2').hide().fadeIn(1500);
      $('#3').hide().fadeIn(1500);
  &lt;/script&gt;
  </code></pre>
  
  <p>I heard that to use css to set the display to none is a nightmare for anyone with a non JavaScript browser so I used the hide function to initially hide the divs.</p>
  
  <p>But this only fades them in all at once.
  Any ideas?</p>