I'm trying to use drag and drop to drag an input field to another input field. The UI looks successful when I do this as I can see the dragged text but when I drop it, I don't see anything in the console where I have a line of code to verify the dropped text.

I'm not sure what I am missing?

2. $("input").droppable({
3.   drop: function(event, ui) {
4.     console.log(ui.draggable.text());
5.   }
6. });
7. $("input").draggable();