Drop down menu with fadeIn not working?
<p>I have a simple drop down menu and would like the drop down to fade in and fade out, but the code I use doesn't seem to work. Not sure if I'm trying to hit the wrong selector or if the code is wrong. I'm going to say... code is wrong.</p>

<p>HTML:</p>

<pre><code>&lt;ul class="m-nav"&gt;
   &lt;li&gt;&lt;a href=""&gt;Rules&lt;/a&gt;&lt;/li&gt;
   &lt;li&gt;&lt;a href=""&gt;Regulators&lt;/a&gt;
      &lt;ul class="drop"&gt;
         &lt;li&gt;&lt;a href=""&gt;Bobby&lt;/a&gt;&lt;/li&gt;
         &lt;li&gt;&lt;a href=""&gt;David&lt;/a&gt;
      &lt;/ul&gt;
   &lt;li&gt;
&lt;/ul&gt;
</code></pre>

<p>JS:</p>

<pre><code>$('ul.m-nav li').addClass('booze');

    $('.booze').hover(function() {
        $('.drop').fadeIn('slow');
    }, function() {
        $('.drop').fadeOut('slow');
    });
</code></pre>
