Аномалия с JQuery
 

Добрый день. Когда я пытался реализовать выпадающий список на JQuery, я нашел одну странную аномалию.
Дело в том, что открываются не только то меню, на которое наводиться курсор, но и все внутренние!

$("ul.menu").each(function(){
  $("li",this).mouseover(function(){$("ul",this).show();});
  $("li",this).mouseout (function(){$("ul",this).hide();});
});

<ul class="menu">
<li><a href="#">Menu</a>
  <ul>
    <li><a href="#">Downloads</a>
    <li><a href="#">Source Code</a>
    <li><a href="#">Contact us</a>
    <ul>
      <li><a href="#">Downloads</a>
      <li><a href="#">Source Code</a>
      <li><a href="#">Contact us</a>
    </ul>
  </ul>
</ul>

Никакой аномалии пока не вижу...

Это выборка всех потомков, а не только прямых.