title: Jquery hide onload, not working on all selected elements
body: <p>im trying to hide all the selected element on document ready, but only the element in the first li is hide, all other li requires to run my hover script before its hide
  here is the rough structure</p>
  
  <pre><code> &lt;#container&gt;
      &lt;.block_content&gt;
         &lt;ul&gt;
            &lt;li&gt;&lt;.selected_content&gt;&lt;/&gt;
            &lt;li&gt;&lt;.selected_content&gt;&lt;/&gt;
            &lt;li&gt;&lt;.selected_content&gt;&lt;/&gt;      
  </code></pre>
  
  <p>Using the document.ready function {$('.block_content > ul > li.selected').hide(); $('container').hover(function).....}</p>
  
  <p>only the .selected in the first li is hidden, the other requires to hover above to trigger the second function to hide</p>
  
  <p>all of these li is under the same class, so anyone have any idea to hide them all at the start?</p>