title: Making a div as display block on page load
body: <p>I am trying to make a div visible when the page loads, initially it's invisible</p>
  
  <p>Here is what i am trying to do,in css i am setting the display to none, but when the page loads i am trying make the div visible using the class, but the div is still hidden.How can i show the div using class.</p>
  
  <pre><code> &lt;div id='list' class='listclass'&gt;&lt;/div&gt;
  </code></pre>
  
  <p>css:</p>
  
  <pre><code> #list
   {
     display: none;
   }
  </code></pre>
  
  <p>in document ready:  </p>
  
  <pre><code>$('.listclass').css('display', 'block');
  </code></pre>