ho bisogno di realizzare, tramite jquery, una piccola form creata dinamicamente tramite drag & drop. tutto figoso, però ho bisogno, prima di effettuare il drop, di controllare che non ci sia già un elemento con lo stesso id

questo è il mio attuale codice.

codice:
<script type='text/javascript'>
	$(document).ready(function(){
		$(".imgblock").draggable({helper: 'clone'});
		$("#drop").droppable({
			accept: ".imgblock",
			drop: function(ev, ui) {
				var img_src = $(ui.draggable).attr('src');
				var img_id = $(ui.draggable).attr('id');
				var tag_img = "[img]" + img_src + "[/img]";
				var tag_id = "<input type='text' name='id' value='" + img_id + "'>";
				var text_id = "<input type='text' name='description' value='" + img_id + "'>";
				$('#listfiles').append('
' + tag_img + tag_id + text_id);
			}
		});
	});
</script>
cioè adesso funziona tutto, però non facendo il controllo mi trovo con degli elementi duplicati e non ha nessun senso... come posso evitare questo comportamento? ho provato a sfogliare la documentazione di jquery, ma non ho trovato nulla che facesse al caso mio...