Как сделать чтобы прежний элемент не затирался в Textarea

[prope]

$(document).ready(function() {	   
	   $('[class^=d]').click(function() {	  
		var field = $(this).clone();
	    field = $('<div/>',{html:field})	    
		var result = field.html();
		$('#iTextarea').val(result); 	
    });	
});

скрипт что выше, при клике получаю HTML код элемента по которому произведен клик
когда кликаю по следующему элементу то в Textarea затирается предыдущий html и добавляется html нового (тот по которому кликнул), интересует собственно вот такой вопрос что и как доделать в скрипте чтобы прежний элемент не стирался при клике по следующему элементу. а оставался в Textarea и к нему добавлялся следующий и так далее..

как вот в этом скрипте что ниже например

function iCopyText(el){
     var ie = false;
if ( window.getSelection ) {
var selectedText = window.getSelection();
} else if ( document.getSelection ) {
var selectedText = document.getSelection();
} else if ( document.selection ) {
ie = true;
var selectedText = document.selection.createRange();
}
    if(selectedText != ""){
        var theParent = selectedText.getRangeAt(0).cloneContents();
        selectedText = toHTML(theParent);
        el.focus();
        el.value += selectedText + "\n";
        }else {
        alert("Select a text in the page and then press this button!");
    }
}

[рони]

prope,

$(document).ready(function() {
	   $('[class^=d]').click(function() {
		var field = $(this).clone();
	    field = $('<div/>',{html:field})
		var result = $('#iTextarea').val() + field.html();
		$('#iTextarea').val(result);
    });
});

[prope]

я все никак не мог пристроить эти самые '+='. спасибо вам