title: Saving info on a server, and getting it back
body: <p>On my website i take user input from a form, and add it to a query plugin to output on the screen. Its nice to get the users input, but as soon as i refresh the page, all the input is lost and reset. How can i save the user input so that even when the page is refreshed, the data will stay there for good? can u use my code to show me?</p>
  
  <pre><code>&lt;html&gt;
   &lt;head&gt;
  
  &lt;script type="text/javascript" src="jquery.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="textualizer.min.js"&gt;&lt;/script&gt;
  &lt;/head&gt;
  
  &lt;style type="text/css"&gt;
  
  #txtlzr{color:#585856; font-size:50px; width:1200px; height:100px;
  margin-left:10%;
  margin-top:80px;
  font-family:"futura";
  position: fixed;
  }
   &lt;/style&gt;
  
  &lt;body&gt;
  
     &lt;div id="txtlzr"&gt;&lt;/div&gt;
      &lt;form action="#" method="post"/&gt;
        &lt;fieldset&gt;
         &lt;label for="kwote"&gt;Comment:&lt;/label&gt;
         &lt;input class="kwote" type="text" maxlength="40" id="kwote"
           placeholder="Enter a something here."/&gt;
         &lt;lable for="name"&gt;Name:&lt;/label&gt;
         &lt;input class="name" type="text" maxlength="17" id="name"
           placeholder="Enter your name."/&gt;
         &lt;input class="post" type="button" value="Add comment"
           onclick="add_comment();" /&gt;
       &lt;/fieldset&gt;
     &lt;/form&gt;
  
  
   &lt;script language="javascript"&gt;
      var COMMENTS_FOR_DISPLAY = new Array('Thanks for the help: nick');
  
      // Adds a new comment, name pair to the Array feeding textualizer.
      function add_comment() {
        // Retrieve values and add them to Array.
        var new_comment = $('#kwote').val();
        COMMENTS_FOR_DISPLAY.push(new_comment + ': ' + new_name);
  
        // Reset &lt;input&gt; fields.
        $('#kwote').val('');
        $('#name').val('');
      }
  
      $(document).ready(function() {
        var txt = $('#txtlzr');  // The container in which to render the list
  
         var options = {
          rearrangeDuration: 5, // Time a character takes to reach its position
          effect: 'random',     // Animation effect the characters use to appear
          centered: true        // Centers the text relative to its container
    }
  
    txt.textualizer(COMMENTS_FOR_DISPLAY); // textualize it!
    txt.textualizer('start'); // start
  });
  &lt;/script&gt;
    &lt;/body&gt;
  &lt;/html&gt;
   &lt;/html&gt;
  </code></pre>
  
  <p>Thanks to chris btw for helping me with the input.</p>