Mantenere l'HTML nel Drag & Drop con Jquery

[net4fun]

Salve,
vorrei realizzare un drag & drop con jquery,
ho da una parte un div contenitore dove andrò a trascinare dei div che si trovano all'esterno di questo.
Utilizzando

$(function() {
	$( ".col2" ).accordion();
	$( ".col2 .pietanza" ).draggable({
		appendTo: "body", 
		revert: true
	});
	$( ".col4 .blocconote" ).droppable({
		accept: ".pietanza",
		drop: function( event, ui ) {
			$( this ).find( ".cameriere" ).remove();
			
			$( "<div></div>" ).text( ui.draggable.text() ).appendTo( this );
			ui.draggable.remove();
		}
	}).sortable({
		items: "li:not(.placeholder)",
		sort: function() {
			
			$( this ).removeClass( "ui-state-default" );
		}
	});
});

riesco a ottenere il risultato, però $( "<div></div>" ).text( ui.draggable.text() ).appendTo( this ); questo codice mi da solo il testo puro senza HTML cosa che a me servirebbe, anche perché avendo una select nei div da trascinare, questa stringa mi da tutti i possibili valori come testo...