How to find a parent's child with jQuery?
<p>I have a menu that looks like this:</p>

<pre><code>&lt;ul class="menu"&gt;
  &lt;li&gt;&lt;a href="#"&gt;zing&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;
    &lt;a href="#"&gt;page&lt;/a&gt;
    &lt;ul&gt;
      &lt;li&gt;foo&lt;/li&gt;
      &lt;li&gt;bar&lt;/li&gt;
    &lt;/ul&gt;
  &lt;/li&gt;
&lt;/ul&gt;
</code></pre>

<p><br>
I'd like the sub menu to fadeIn when I hover over the <strong>page</strong> link.
This is my code so far but for some reason it's not working and I don't think this is the correct way to achieve this anyways:</p>

<pre><code>$('.menu li a:nth-child(2)').hover(function(){
    $('.menu li ul').fadeIn(150);
}, function(){
    $('.menu li ul').fadeOut(150);
}); 
</code></pre>

<p><br>Anyone know how I can reach my goal according to best standards to make the submenu of the 2nd li to appear when I hover over <strong>page</strong>?</p>
