title: How do I process a <div> as a form <input>
body: <p>What I've done is:</p>
  
  <p>HTML</p>
  
  <pre><code>&lt;form&gt;
      &lt;div id="textBox" contenteditable="true" name="textBox"&gt;&lt;?php echo $storyText; ?&gt;
      &lt;/div&gt;
      &lt;textarea id="hiddeninput" name="hiddeninput"&gt;&lt;/textarea&gt;
      &lt;input type="submit" id="save" name="save" value="Submit"/&gt;
  &lt;/form&gt;
  </code></pre>
  
  <p>Javascript</p>
  
  <pre><code>$('#save').click(function () {
      var mysave = $('#textBox').html();
      $('#hiddeninput').val(mysave);
      $("form:first").submit();
      $('#hiddeninput').append(mysave);
      alert($('#hiddeninput').val());
  });
  </code></pre>
  
  <p>So both the alert and the append display the correct information, but it won't save #hiddeninput as a php variable when I submit. Originally I had this as an hidden input method, but I'm trying to show that it won't post no matter what I do,</p>