title: Show Jquery Popup Only Once
body: <p>I have a site where a user must login and once that is done they are directed to a new page and a pop up box appears. I have no problem displaying the popup box however if you refresh the page over and over the popup box appears. I want it to display only once they login and never again after that as long as they never sign out. This means if they re-fresh the page or anything like that the popup will NOT appear again. Is there some sort of plugin or easy code for this (I'm kind of a beginner in Jquery)?</p>
  
  <pre><code>&lt;div id="popup-image-back"&gt;
      &lt;div class="popup-textbox"&gt;
          &lt;div class="textbox-title"&gt;WE’VE HAD A MAKEOVER!&lt;/div&gt;
          &lt;div class="textbox-p"&gt;With fewer restrictions, more destinations and even better rewards you can start saving more money!&lt;/div&gt;
      &lt;/div&gt;
      &lt;img class="new-popup-xclose" src="images/close-x-dark.png" /&gt;
  &lt;/div&gt;
  &lt;div id="back-wrapper"&gt;&lt;/div&gt;
  </code></pre>
  
  <p>JavaScript</p>
  
  <pre><code>$(document).ready(function () {
      $('#back-wrapper').fadeIn(1000, function () {
          $('#popup-image-back').fadeIn(1000);
      });
      $(".new-popup-xclose").click(function () {
          $('#popup-image-back').fadeOut(1000);
          $('#back-wrapper').fadeOut(1000);
      });
  });
  </code></pre>