title: drop down menu on hover not working
body: <p>I have a dropdown menu so when a user hover overs to that button he should get  lists of option without clicking it. This is my dropdown menu:</p>
  
  <pre><code>&lt;div class="Menu""&gt;
      &lt;div class="btn-group"&gt;
          &lt;button type="button" id="someAction" class="btn btn-default dropdown-toggle" data-toggle="dropdown"&gt;
              Select Action
    &lt;span class="caret"&gt;&lt;/span&gt;
          &lt;/button&gt;
          &lt;ul class="dropdown-menu"&gt;
              &lt;li&gt;&lt;a class="add"&gt;Add&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a class="remove"&gt;Remove&lt;/a&gt;&lt;/li&gt;
          &lt;/ul&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>This is my hoverover code but for some reason its not working.</p>
  
  <pre><code>$(document).ready(function () {
      $('#someAction').hover(function () {
          $(this).find('dropdown-menu').stop(true, true).delay(200).fadeIn(500);
      }, function () {
          $(this).find('dropdown-menu').stop(true, true).delay(200).fadeOut(500);
      });
  }); });
  </code></pre>
  
  <p>forgot to mention on click i should be able to select that option</p>