title: jquery div hide not working on first load
body: <p>I  am using remote javascripts to populate two divs on my site.</p>
  
  <pre><code>&lt;div id="flix-inpage"&gt;&lt;/div&gt;
  
  &lt;div id="ccs-inline-content"&gt;&lt;/div&gt;
  </code></pre>
  
  <p>i am using the following code  to display only one div if content is available on both divs. I have added this code to the bottom of the page:</p>
  
  <pre><code>$(document).ready(function(){
      setTimeout(function() {
          if ($("#flix-inpage #inpage_responsive").length &gt; 0) {
              $("#ccs-inline-content").hide();
          } else {
              $("#ccs-inline-content").show();
              return false;
          }
      }, 2000);
  });
  </code></pre>
  
  <p>I have specified a  css  class:</p>
  
  <pre><code>#ccs-inline-content{
      display: none;
  }   
  </code></pre>
  
  <p><strong>If  Both DIV have same content</strong></p>
  
  <p>The problem I am having is that <code>#ccs-inline-content</code> is  not hiding on first load. If I reload the page couple of times then <code>#ccs-inline-content</code> - <code>hide()</code> kicks in otherwise the content is visible.</p>
  
  <p>I have tried different browser but same result.</p>