title: Ajax jquery how to keep content after page refresh
body: <p>I am using jquery and ajax. here's an idea of the code i'll be using. Suppose that i refresh the page after getting the response. (which in this case is a form). I lose the content completely. How can I keep/cache/store the data response in a variable so that after I press on f5 or refresh the same content reloads.</p>
  
  <pre><code>$(document).ready(function(){
  $("#btn").click(function(){
      $.ajax({
          type: "POST",
          url: "form.php",
          data: {name: "John", email: "michigan@usa.com"},
          success: function(data) {
              $("#output").html(data);
          }
      })
  }); 
  });
  </code></pre>