[JavaScript][jQuery] edycja wnętrza diva - problem Opcje

[sweter]

Witam,

mam div o atrybucie id #wartosci. Domyślnie jest on pusty.

Po kliknięciu na button .add dopisuje do zawartości powyższego diva pole tekstowe.

Istnieje też przycisk klasy .del, który wyczyszcza zawartość tego pola tekstowego.

Niestety gdy znów chcę kliknąć na button klasy .add, wyczyszczone wcześniej pole ma poprzednią zawartość

Oto fragment, który est wykonywany po kliknięciu na .add:

[HTML] pobierz, plaintext 
 
var q = 0;
				$('.add').click(function(){
					q++;
					var id = $(this).attr('id');
					var wart = $('#wyb'+id).val();
					var lista = $('#plugins_area_'+id).html();
					lista = '<li id=\''+q+'\'>'+wart+'<div class=\'content\'>tresc</div><button onclick=\"del('+id+','+q+')\" class=\"del\">Usuń</button></</li>' + lista;
					$('#plugins_area_'+id+':first').html(lista);
 
					var opcje = '';
 
 
					var wartosci2 = $('#wartosci').html();
					alert(wartosci2);
					$('#wartosci').html(wartosci2 + '<input type=\'text\' name=\'\' id=\''+q+'\' value=\''+id+'-'+wart+':'+opcje+'\'>');
 
					wartosci2 = '';
 
				});
 
 
[HTML] pobierz, plaintext 

A tak wygląda funkcja usuwająca:

[HTML] pobierz, plaintext 
 
function del(region,id){
 
$('.plugins_area > ul > #'+id).hide();
 
var zawartosc = $('#wartosci > #'+id).val();
 
$('#wartosci > #'+id).val('')
 
}
 
 
[HTML] pobierz, plaintext