title: Show/Hide element when the mouse enter inside a div with mousemove event
body: <p>I have a mousemove event for show my tooltip when mouse enter inside a div target, but i'm not able to hide the tooltip when i leave from the div target.</p>
  <pre><code>&lt;div class=&quot;timeline&quot;&gt;
   &lt;!-- My tooltip need to show only when mousemove inside this div and hide when move out--&gt;
  &lt;/div&gt;
  </code></pre>
  <pre><code>.timeline {
   width: 100%;
   height: 400px;
   border: 3px solid;
  }
  
  .tooltip {
   display: none;
   width: 100px;
   height: 100px;
   border: 1px solid;
  }
  </code></pre>
  <pre><code>$('.timeline').on('mousemove.tooltip', function(e){
   $('.tooltip').css({
    'display': 'block,
    'left' : e.pageX,
    'top' : e.pageY,
   });
  });
  </code></pre>
  <p>Thank you.</p>