让我的javaScript弹出窗口出现一次

Question

我正在创建一个JavaScript弹出窗口。代码如下。

问题：

下面的脚本运行正常，但我需要让popUp只在我的页面上出现一次。即，当用户关闭弹出窗口时，它不会出现，直到用户重新启动浏览器或清除其缓存/ cookie。

我知道有类似的问题，但我找不到使用我正在使用的相同脚本的答案，所以我提前道歉。请帮忙！

$(document).ready(function() {
  $("#popup").hide().fadeIn(1000);
  $("#close").on("click", function(e) {
    e.preventDefault();
    $("#popup").fadeOut(1000);
  });
});

#popup {
  display: none;
  position: absolute;
  margin: 0 auto;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  box-shadow: 0px 0px 50px 2px #000;
}
body {
  background: url('http://i.imgur.com/kO2Ffje.png?1') center top;
  width: 100%;
  height: 100%;
  margin: 0 auto;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<div id="popup" class="popup panel panel-primary">
  <img src="http://i.imgur.com/cVJrCHU.jpg" alt="popup">
  <div class="panel-footer">
    <button id="close" class="btn btn-lg btn-primary">Close button</button>
  </div>
</div>