如何让一个弹出式div悬停在jquery中的一个链接上？

<a href="#" id="myLink">链接</a>
<div id="popupDiv">弹出内容</div>

#popupDiv {
  display: none;
  position: absolute;
  background-color: #fff;
  border: 1px solid #ccc;
  padding: 10px;
}

$(document).ready(function() {
  $("#myLink").hover(
    function() {
      // 鼠标悬停时显示弹出式div
      $("#popupDiv").css({
        top: $(this).offset().top + $(this).outerHeight(),
        left: $(this).offset().left
      }).show();
    },
    function() {
      // 鼠标离开时隐藏弹出式div
      $("#popupDiv").hide();
    }
  );
});