title: Saving and loading data from a form without submitting
body: <p>I've been tasked with writing a load/save function for a rather large form.  This way the user can save their work and then come back later and load it and continue to work. </p>
  
  <p>I've decided to use Server side storage and save the data locally to a mysql database.    I figured out the 'saveForm', it simply stores $_POST as a long string into column.  </p>
  
  <p>I can't figure out how to write the 'loadForm'.  </p>
  
  <p>I have: </p>
  
  <pre><code>&lt;form id="qa" .. "&gt; 
      &lt;button id="saveForm" type="submit"..."&gt; 
      &lt;button id="loadForm" type="submit"..."&gt; 
      &lt;input type="hidden" id="unique_user_id"..."&gt; 
  &lt;/form&gt;
  
  &lt;javascript&gt; 
  $('#saveForm').bind({
      click: function() {
          $.ajax({ 
              type: 'post',
              url: "/saveForm.php",
              data: $("#qa").serialize(),
              success: function() {
                  alert("form was submitted");
              },
          });
          return false;
      },
  }); 
  &lt;javascript&gt;
  
  
  saveForm.php:  (PHP &amp; PDO) 
  // connect
  insert into `saveQAForm` ($_POST['id'],var_export($_POST));
  </code></pre>