单击按钮上的页面重新加载

Question

我在页面上有一个按钮，当单击时，将另一个html文件加载到“模态”的div中。无论出于何种原因，当我关闭模态时，页面似乎刷新并返回顶部。

function openNewWindow() {
   $('.button').click(function(e) {
      e.preventDefault();
      $('body').addClass("noscroll");
      $('#wrap').load('index.html');
      return false;
   });
}

openNewWindow();

$('.close-btn').click(function(e) {
    e.preventDefault();
    $("#wrap").empty();
    $('body').removeClass("noscroll");
});

我有preventDefault，但“重装”似乎一直在发生。脚本的任何问题，以及为什么会发生这种情况？

链接到我的测试页：http://andyrichardson.design/ajax/test.html