title: JQuery popup works on load, but then reloads
body: <p>I am trying to make a simple popup without extensions to jquery. The popup load on page load like it should, but the problem I am having is making some way to close the popup without it automatically re-initating when I do so.Which it currently does, because it is attached to $(document).ready(. Thanks :)</p>
  
  <pre><code> $(document).ready(function(){
       $('#page').animate({"opacity":"0.4"});
   $('#popup').delay(300).fadeIn('slow');
  
  $('#close').click( function() {
      $('#page').animate({"opacity":"1"});
   $('#popup').fadeOut('fast');
  })
  })
  </code></pre>