title: JQuery hover dropdown menu disappears when hovering on the dropdown menu
body: <p>I'm doing something slightly different to what i've seen work, many people have done it so there dropdown is part of a child list. However i'm trying to work with a sibling dropdown menu.</p>
  
  <p>Here is my fiddle: <a href="http://jsfiddle.net/58m99wf8/" rel="nofollow">http://jsfiddle.net/58m99wf8/</a></p>
  
  <p>What you'll notice is that if you hover on the button, the dropdown menu appears. If you leave the button it disappears which is perfect. However if you hover on the dropdown menu it still disappears and this isn't what I want it to do.</p>
  
  <p>How can i prevent this?</p>
  
  <p>I've seen it work like this:</p>
  
  <pre><code>if($('#menuONE').has(e.target).length === 0) {
          // toggle menu to close
      }
  </code></pre>
  
  <p>However i don't see how i can attach this to the submenu as well as the button. </p>