title: How to find a parent's child with jQuery?
body: <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>