Jquery hide onload, not working on all selected elements
<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>
