displaying a texarea value into another textarea value
<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>
