Question

I was wondering how can I delete the mouse over append when my mouse pointer is not over the element?

Here is the Jquery script.

$('.one').mouseover(function() {
  $('#log').append('<div>Handler for .mouseover() called.</div>');
});

Answer 1

$('.one').hover(function() {
  $('#log').append('<div id="over">Handler for .mouseover() called.</div>');
}, function() {
  $('#over').remove();
});