jQuery Uncaught Reference Error При выполнении модального режима для простого всплывающего выхода

Question

Я не могу найти решение. Я пытаюсь создать всплывающее окно выхода, используя модальное значение Bootstrap, но оно продолжает говорить Uncaught Reference Error и не запускает мой простой код jQuery. Может ли кто-нибудь просветить меня?

$(document).ready(function() {
  $("body").mouseleave(function() {
    $("#exitpop-out").show();
  });

  $('.close').click(function() {
    $("#exitpop-out").hide();
  });
});

<div class="modal" id="exitpop-out">
  <div class="modal-dialog">
    <div class="modal-content">

      <!-- Modal Header -->
      <div class="modal-header">
        <h4 class="modal-title">Modal Heading</h4>
        <button type="button" class="close" data-dismiss="modal">&times;</button>
      </div>

      <!-- Modal body -->
      <div class="modal-body">
        <h2>Wait! Don’t Leave Empty Handed…</h2>
        <p>Take the Free Quiz to See How Your Digestive Health Stacks Up!</p>
        <button><a href="">TAKE THE FREE QUIZ</a> </button>
        <p>MAYBE LATER</p>
      </div>
    </div>
  </div>
</div>




<!-- jQuery library -->
<script src="http://code.jquery.com/jquery-3.5.0.min.js"></script>
<!-- Latest compiled JavaScript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js"></script>
<!-- Popper JS -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.min.js"></script>