title: preloader not working online
body: <p>I am using a preloader for my website. I simply designed it using CSS and coded the logic to hide the preloader when the website gets completely loaded.
  The whole thing works on my local machine but when i put it online it doesn't work. </p>
  
  <p>This is the link to the website : <a href="http://deepanshubatra.tk" rel="nofollow">http://deepanshubatra.tk</a> (Use google chrome please)</p>
  
  <p>I am mentioning the HTML,CSS and javascript code:</p>
  
  <p><strong>CSS:</strong></p>
  
  <pre><code> div#preloader { position: fixed; left: 0; top: 0; z-index: 999; width: 100%; height: 100%; overflow: visible; background: #333 url('http://files.mimoymima.com/images/loading.gif') no-repeat center center; }
  </code></pre>
  
  <p><strong>Javascript</strong></p>
  
  <pre><code>&lt;script &gt; 
  
    jQuery(document).ready(function($) {  
  
  // site preloader -- also uncomment the div in the header and the css style           for #preloader
  $(window).load(function(){
  $('#preloader').fadeOut('slow',function(){$(this).remove();});
  });
  
  });
  
  &lt;/script&gt;
  </code></pre>
  
  <p><strong>HTML</strong></p>
  
  <pre><code>&lt;div id="preloader"&gt;&lt;/div&gt;
  </code></pre>