UI Sortable

UI Sortable

Hi everyone,

So I'm very new to jQuery, and am working on a Wordpress plugin.

Inside my widget I have input boxes where the user inputs some text, and it's displayed on the website in the widget area. There is 6 input boxes.

I want the user to be able to 'sort' these 6 input boxes, so they can drag the one box and make it show up before the others and so on..

As you can imagine, there is an options panel for this widget where they should be able to drag and drop to sort the items, but the output is defined elsewhere in the function. This is where I get stuck.

I can make the options draggable and sortable, but how do I apply these changes to the output of code so they display in their correct position?