How to drag and drop form element contents

How to drag and drop form element contents

I have a table with form elements (inputs, selects etc.) I want to copy
the content (or part of content) from one field to another: ex: 'flowers'
from row 4 to row 6. How to preceed to drag the content and NOT the whole
element?
This examplel will drag the entire input element using jQuery ui:
html:
<input type="text" />
jQuery:
$("input").draggable({
cancel: null
});
but I have no clue if there is a possibility to drag/drop the content (or
value)?