Remember status after reload of page

Remember status after reload of page

I have a script that has a button wich simply removes itself when clicked. But when I reload the page the button appears again.

How can I add a "memory" so that the button is gone also after reloading?

Here is the script jq2.html
  2. <!DOCTYPE html>
  3. <html>
  4. <head>
  5. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js">
  6. </script>

  8. </head>
  9. <body>

  11. <!--hiding the current HTML element-->
  12. <script>
  13. $(document).ready(function(){
  14.   $("#x").click(function(){
  15.     $(this).hide();
  16.   });
  17. });
  18. </script>

  20. <button id="x">Click me and I'm gone</button>

  22. <br/>

  24. <form name="input" action="jq2.html" method="get">
  25. Username: <input type="text" name="user">
  26. <input type="submit" value="Submit">
  27. </form>

  29. </body>
  30. </html>
    31.