title: Copy from textarea to div, preserving linebreaks
body: <p>I've got a <code>&lt;textarea&gt;</code> and a <code>&lt;div&gt;</code> (with a <code>&lt;p&gt;</code> inside).
  When entering text into the area, the <code>&lt;p&gt;</code> gets updated with the content upon keyUp.</p>
  <p>Is there a way to preserve linebreaks (new line) from the textarea and somehow get them to work like linebreaks in the div/p?</p>
  <p>Replacing double &quot;new line&quot; with <code>&lt;/p&gt;&lt;p&gt;</code>, is that possible as well? This is close to what a wysiwyg would handle, but don't want that for this, which is a very small project.</p>
  <hr />
  <p>This is what I've got so far.</p>
  <pre><code>$(&quot;.box textarea&quot;).keyup(function () {
    var value = $(this).val();  
    $('.box p').text(value);
  });
  </code></pre>