trying use of mouseover and mouseout in jquery
<p>i show <strong>ul</strong>,(it shows my submenu) like floowing code , i have problem with hiding <strong>ul</strong>, while i move mouse over ul(into menu) , it hides, and i cound not use of   mouseout event correctly</p>

<p>how could i hide ul, just when mouseout of "ul li"</p>

<pre><code>$("ul li").mouseover(function() {
   $(this).find('ul').show();

  }).mouseout(function(){
     $(this).find('ul').hide();
  });
</code></pre>
