getting code in new line
<p>I have several divs one of which is as below</p>

<pre><code>&lt;div id="drawarea"&gt;    
&lt;img class="draggable ui-droppable ui-draggable ui-draggable-dragging" id="image1"     src="user_2/1323384165.jpg" style="height: 40%; width: 50%; position: absolute; left: 0%; top: 0%;"&gt;
&lt;label id="first"&gt;This is content of the div&lt;/label&gt;
&lt;input type="button" value="GO"/&gt;

&lt;/div&gt;
</code></pre>

<p>I am using jquerys below function to get the html inside the div and put in a text area</p>

<pre><code> html = $('#drawarea').html();

$('#codearea').text(html);
</code></pre>

<p>the problem is that i am getting all the tags in same line i want to get one element code in one then others on other line so thats its easy to read.</p>
