title: Hiding a div using JQuery
body: <p>I want to hide a div using Javascript, as soon as the page gets loaded in the browser. I am able to do that, if i use the following code :</p>
  
  <pre><code>document.getElementById("div_id").style.display='none';
  </code></pre>
  
  <p>But, when i try to do the same thing using JQuery,i notice that the div is visible for a couple of seconds after page loads,and then it becomes hidden. The JQuery code i use is</p>
  
  <pre><code>$(document).ready(function() {
  
  $("#div_id").css('display','none');
  
  });
  </code></pre>
  
  <p>The same thing happens, if i use <code>$("#div_id").hide();</code> Is this because im using a library,which would slow down the process a bit,instead of directly using document.getElementById ? . Any way to fix this ?</p>
  
  <p>Thank You.</p>