I have a multiple dropdown box with a list of boxes.

HTML Code:
<label for="rightBarBox[]">Right Bar Box</label>
<select name="rightBarBox[]" multiple>
     <option value="0" selected="selected">none</option>
     <option value="4">Lose Wheat, Lose Weight</option>
     <option value="3">The Big Book of Wheat Free Cooking</option>
     <option value="2">Learn To Cook Wheat, Gluten and Dairy Free</option>
     <option value="1">The Gluten, Wheat & Dairy Free Cookbook</option>
HTML Code:
<ol id="sort-boxes">
     <li>List Item 1</li>
     <li>List Item 2</li>
     <li>List Item 3</li>
     <li>List Item 4</li>
What I intend to do is when the user clicks on the options they choose, each option is duplicated into an ordered list to the right of the dropdown box, with each list item being 'sortable' (using the sortable jQuery UI). At the moment I am trying to get the values from the multiple dropdown box into the unordered list, which is where I am struggling and require some advice. Then ultimately, the user can shuffle the order of the values in the ordered list and save that order to a database.