What am I doing wrong for this submenu to not appear?
<p>I'm new to jQuery, so please bear with me. I'm trying to make my submenu appear on hover. The second set of <code>&lt;ul&gt;</code> is for submenu.</p>

<pre><code>$(document).ready(function(){
    $('ul.menu.li').hover(
        function() { $('ul', this).css('display', 'block'); },
        function() { $('ul', this).css('display', 'none'); });
});

&lt;ul id="menu"&gt;
&lt;li&gt;&lt;a href="#"&gt;Item 1&lt;/a&gt;&lt;li&gt;
&lt;ul&gt;
&lt;li&gt;Hi&lt;/li&gt;
&lt;/ul&gt;
&lt;li&gt;&lt;a href="#"&gt;Item 2&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
</code></pre>
