[JS] InnerHtml e cambio valore input non funzionano

[zoom]

ho un problema.
sto creando una pagina con un effetto drag & drop.
I div draggabili fanno anche da contenitore, di fatto voglio invertire i contenuti dei due div sovrapposti.
All'interno dei div c'è sempre un input che invece non dovrebbe cambiare il contenuto.
Esempio:
<div>
primo div <input value="uno">
</div>
<div>
secondo div <input value="due">
</div>

Vorrei che diventasse:
<div>
secondo div <input value="uno">
</div>
<div>
primo div <input value="due">
</div>


nella funzione drag ho messo questo codice

oDrag è l'elemento draggato, oBasket il ricevente, idInputOrig il campo dell'elemento draggato

		idInputOrig= "input" + oDrag.id;
			idInputDest= "input" + oBasket.id;
			
			ordineOrigine=document.getElementById(idInputOrig).value;
			ordineDest=document.getElementById(idInputDest).value;
			document.getElementById(idInputOrig).value=ordineDest;
			document.getElementById(idInputDest).value=ordineOrigine;
			
			origine= oDrag.innerHTML;
			destinazione= oBasket.innerHTML;	
			oDrag.innerHTML="";
			oBasket.innerHTML="";		
			oBasket.innerHTML = origine;
			oDrag.innerHTML= destinazione;

Se metto solo il cambio di contenuto funziona, idem se metto solo l'inversione di valori del campo input. se invece li metto tutti e due mi sembra andare solo l'innerhtml...
non riesco a trovare l'errore...