title: jquery running to soon. working only in chrome
body: <p>I have set blog text in my page to opacity 0, so that it fades in to opacity 1 on page load with this code.</p>
  
  <pre><code>$(document).ready(function(){
      $('.entry').animate({opacity:1},700);
  });
  </code></pre>
  
  <p>the text only fades in on chrome, in firefox the text is already set to opactiy 1 with no visible fade in effect. I have tried to put the code in the footer, but the text is still visible when the page loads.  I know for I.E I have to do it with a filter. </p>