title: check for ('div')mouseenter on ('a')mouseleave
body: <p>my problem is following:
  I got a trigger(a) and a popup(div). The div doesn't lie nested inside the anchor.</p>
  
  <ul>
  <li>When I hover over a, I want the div to show up.</li>
  <li>When I go from a to the div, I want it to stay visible.</li>
  <li>When I leave the div, I want it to close.</li>
  <li>When I hover over a and leave without entering the div, I want the div to close.</li>
  </ul>
  
  <p>I got most of that figured out, but now I'm struggeling with requierement no. 2.
  When checking for mouseleave on a, I check if there is a mouseenter on the div. If it is, I want to abort the mouseleave. If not, I want to close the div.</p>
  
  <p>What am I doing wrong? Is this even the right way to do this?</p>
  
  <p>Here's the markup:</p>
  
  <pre><code>&lt;a href="#" class="popup_toggle" style='display:block;width:50px;height:50px;border:1px solid red;position:relative;'&gt;Toggle&lt;/a&gt;
  &lt;div class="popup_div" style='position:absolute;top:50px;left:0px;border:1px solid blue;display:none;'&gt;Popup&lt;/div&gt;
  </code></pre>
  
  <p>Here's the jQuery:</p>
  
  <pre><code>$('.popup_toggle').mouseenter(function() {
          var element = $(this).next('.popup_div');
          $.data(this, 'timer', setTimeout(function() {
              element.show(100);
          }, 500));
      });
  
      $('.popup_toggle').mouseleave(function() {
          clearTimeout($.data(this, 'timer'));
              if($('.popup_div').mouseenter==true)
              {
                  return false;
              }
              else
              {
                  $('.popup_div').hide(100)
              };
      });
  </code></pre>