title: jquery fadein child issue
body: <p>Just a short question, probably some syntax mistake, but I can't seem to find it. I have a function that animates a div's height and width using an id. I'm also trying to <code>fadeIn()</code> the child paragraph using <code>$(this).find('p')</code>. Is this possible? I looked around and tried different syntaxes like <code>children()</code>. Here's the code concerned:</p>
  
  <p>[JS]</p>
  
  <pre><code>$('#menu_item_1').hover(function () {
      $(this).filter(':not(:animated)').animate({
          width: "300px",
          height: "255px",
          marginTop: "-100px",
          marginLeft: "-100px"
      });
  
      $(this).find('p').fadeIn();
  
  }, function () {
      $(this).animate({
          width: "200px",
          height: "155px",
          marginTop: "0",
          marginLeft: "0"
      });
  });
  </code></pre>
  
  <p>[HTML]</p>
  
  <pre><code>&lt;div class="menuItem" id="menu_item_1"&gt;
         &lt;h5&gt;Home&lt;/h5&gt;
         &lt;p&gt;Shows this page&lt;/p&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Also, a JSFiddle to demonstrate the issue: <a href="https://jsfiddle.net/w0uu5t7b/" rel="nofollow">https://jsfiddle.net/w0uu5t7b/</a></p>