title: Set div content to value of textarea
body: <p>I'm setting up a submit form like this (PHP echo):</p>
  
  <pre><code>&lt;form id="editForm"&gt;
      &lt;input type="text" id="name" name="name" value="' . $name . '"&gt;
      &lt;input type="text" id="date" name="date" value="' . $date . '"&gt;
      &lt;div id="edittoolbox"&gt;&amp;nbsp&lt;/div&gt;
      &lt;textarea id="content" name="content"&gt;' . $content . '&lt;/textarea&gt;
  &lt;/form&gt;
  </code></pre>
  
  <p>I'm then using this jQuery to setup the 'preview' form (similar to posting/answering question on Stack Overflow where you have the top form for writing your post and the preview underneath it):</p>
  
  <pre><code>$(document).ready(function(){
      $(".articleTitle").html($("#name").val());
      $(".articleDate").html($("#date").val());
      $(".articleContent").html($("#content").val());
  });
  </code></pre>
  
  <p>It works for setting the first two divs (<code>articleTitle</code> and <code>articleDate</code>), but I can't seem to set the html of <code>articleContent</code>, likely because <code>#content</code> is a textarea.</p>
  
  <p>I've tried with <code>.val()</code>, <code>.text()</code> and <code>.html()</code>. It should be noted that the textarea contains HTML, not 'just' text.</p>