jQuery .mouseover() mouse events

Question

Mouseover to show and mouseout to hide

$(".parent-div").mouseover(function() {
  $(this).find('.overlay-div').show();
});

$(".parent-div").mouseout(function() {
  $(this).find('.overlay-div').hide();
});