title: Jquery fadeIn Failing To Work
body: <p>I know this may sound like a repetitive question but I can't find the answer on it. I am attempting to fade in a header and it simply is not working. Yet when I try to use the show function it works perfectly fine.</p>
  
  <p>This is the code I am using:</p>
  
  <pre><code>$(document).ready( function() {
      $('.header h1').fadeIn('5000');
  });
  </code></pre>
  
  <p>Like I said before when I put <code>show</code> in place of <code>fadeIn</code> it works perfectly fine. I honestly don't have a clue as to why it isn't working.</p>
  
  <p>I have <code>display:none</code> set onto <code>.header h1</code>. The text displays just not in a fadeIn manner. It just displays instantly like the rest of the page. I am using the latest jquery.</p>