title: How can I display the HTML content of a Text Area within a DIv AS HTML content and not text?
body: <p>I have the following markup:</p>
  
  <pre><code>&lt;input id="displayBuffer" type="hidden"&gt;
  &lt;textarea id="about" rows="2" name="about" cols="20" aria-hidden="true"&gt;&lt;p&gt;test&lt;/p&gt;&lt;/textarea&gt;
  &lt;input type="button" onclick="javascript:
  $('#displayBuffer').val($('#about').html());
  $('#displayAbout').html(unescape($('#displayBuffer').val()));"
   name="Preview" value="Preview"&gt;
  </code></pre>
  
  <p>When the 'preview' button is clicked the div is populated with the content of the 'about' text area however it is not being encoded as HTML but it's displaying <code>&lt;p&gt;test&lt;/p&gt;</code> when I want it to display <code>test</code> with whatever style I have in CSS for <code>p</code>. </p>
  
  <p>What am I doing wrong?</p>