If js is disabled hide the same div which is hidden when js is enabled
<p>I have an infinite scroller for a product page which works well. For SEO and 'javascript disabled' purposes I need to provide a page which even works with js disabled. </p>

<p>When the scroller works normal with js enabled there's a hidden div with a loader image. Nothing fancy... Problem is when js is disabled I really cant hide that loader image or the div which has the image in there. </p>

<p>There are certain elements that I hide when js is enabled with this:</p>

<pre><code>jQuery(function($) { $('body').addClass('js');});
</code></pre>

<p>This doesn't work for this:</p>

<pre><code>&lt;div class="overlay"&gt;
  &lt;img src="https://site.com/ajax-loader.gif" /&gt;
&lt;/div&gt;
</code></pre>

<p>and jquery:</p>

<pre><code>  $(".overlay").fadeOut();
  $(window).scroll(function() { update(); });

});
///////////////// code /////////////
$(".overlay").fadeIn();
</code></pre>

<p>Any suggestions?</p>

<pre><code>$(window).unbind('scroll'); 
</code></pre>
