title: displaying a texarea value into another textarea value
body: <p>I've two input fields, both type textareas. </p>
  
  <pre><code>&lt;input id="display" type="text" disabled="disabled" style="border: none; background: none" /&gt;
  &lt;input id="name" type="text" /&gt;
  </code></pre>
  
  <p>And I'm using jQuery to display the value of <code>#name</code> into <code>#display</code>. The textarea <code>#display</code> is used only for displaying. (It can be changed to any other suitable HTML element)</p>
  
  <p>I use the jQuery code to do that:</p>
  
  <pre><code>$('#name').keyup( function() {
      $('#display').val($('#name').val());
  });
  </code></pre>
  
  <p>The problem is, as I type, I want the value inside <code>#display</code> to wrap within its width. When I type long strings in <code>#name</code>, the string wraps and falls down as the next line but in <code>#display</code> it doesn't do so.</p>
  
  <p>Again, when I type return, I want the same format to be followed up in the <code>#display</code> text field.</p>
  
  <p>Can anyone tell me how do I do that??</p>