Alert firing on ready but action not working
<p>On page load I want a div to be hidden. I attached an alert that is appearing but its not hiding the div. </p>

<p>Code:</p>

<pre><code>$(function () {
   alert('test');
   $('#hide').hide();
});


&lt;div id="hide"&gt;
  &lt;ul&gt;
    &lt;li&gt;&lt;a href="#"&gt;Facebook&lt;/a&gt;&lt;/li&gt;
    &lt;li&gt;&lt;a href="#"&gt;Twitter&lt;/a&gt;&lt;/li&gt;
    &lt;li&gt;&lt;a href="#"&gt;Diggs&lt;/a&gt;&lt;/li&gt;
  &lt;/ul&gt;
&lt;/div&gt;
</code></pre>
