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.

<div class="timeline">
 <!-- My tooltip need to show only when mousemove inside this div and hide when move out-->
</div>

.timeline {
 width: 100%;
 height: 400px;
 border: 3px solid;
}

.tooltip {
 display: none;
 width: 100px;
 height: 100px;
 border: 1px solid;
}

$('.timeline').on('mousemove.tooltip', function(e){
 $('.tooltip').css({
  'display': 'block,
  'left' : e.pageX,
  'top' : e.pageY,
 });
});

Thank you.