Drag drop multiselect option

$(document).ready(function () {
    $("#@sort1, #@sort2").sortable({
        connectWith: ".connectedSortable",
    }).disableSelection();
});

html be

<div class="availableContainer"> 
   <span style="font-weight: bold">Available items</span> 
   <select name="@sort1" id="@sort1" multiple="multiple" class="connectedSortable"> 
   @for (var i = 0; i < ViewBag.Fields.Count; i++) { <option value="@ViewBag.Fields[i].Name">@ViewBag.Fields[i].Name</option> } </select> 
 </div> 
 <div class="selectedContainer"> 
   <span style="font-weight: bold">Selected items</span> 
   <select name="@sort2" id="@sort2" multiple="multiple" class="connectedSortable"> </select> 
 </div>