title: Issue with mouseenter in jQuery
body: <p>I have one button and span tags inside it like</p>
  
  <pre><code>&lt;div class="someclass" style="border: 0px solid black;padding: 5px 5px 5px 0px;width: 50px;"&gt;
      &lt;button class="eventBound" type="button"&gt;
          &lt;span&gt;
              &lt;span&gt;text for button&lt;/span&gt;
          &lt;/span&gt;
          &lt;div class="hiddenDiv"&gt;&lt;/div&gt;
      &lt;/button&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>and have jQuery code like</p>
  
  <pre><code>jQuery(".eventBound").mouseenter(function () {
      someFunctionToOpenBox(required parameters);
  });
  </code></pre>
  
  <p>From above code I am able to open overlay box when I hovers mouse on button from top direction but it does not open overlay box when I hovers mouse on button from bottom direction. </p>
  
  <p>What could be the case by this malfunctioning?</p>