Sortable lists with tabs not posting for receiving list

Sortable lists with tabs not posting for receiving list

I'm looking to use Sortable with tabs.  I have things setup to the point where they sort between tabs, however when I drag something from one tab to the other, the function that posts the results only runs for the sending list, not the receiving.  

Can someone advise what I am missing to handle this?  I have a feeling I need to add something after the .appendTo section, but I'm not sure what that would be.

Below is my code:
  1. <style>
  2.     #sortable1 li, #sortable2 li, #sortable3 li { margin: 0 5px 5px 5px; padding: 5px; font-size: 1.2em; width: 120px; }
  3.     .ui-tabs {
  4.         padding:2px;
  5.     }
  6. </style>
  7. <script>
  8.     $(function () {
  9.         $('#sortable1, #sortable2, #sortable3').sortable({
  10.             placeholder: 'SortHighlight',
  11.             connectWith: '.connectedSortable',
  12.             receive: function (i) {
  13.                 placeholder: 'SortHighlight'
  14.                 PostSortable($(this).attr('qid'), $(this).attr('rid'), $(this).attr('QOrder'), $(this).attr('id'));
  15.             },
  16.             stop: function (i) {
  17.                 placeholder: 'SortHighlight'
  18.                 PostSortable($(this).attr('qid'), $(this).attr('rid'), $(this).attr('QOrder'), $(this).attr('id'));
  19.             }
  20.         }).disableSelection();

  21.         var $tabs = $("#tabs").tabs();

  22.         var $tab_items = $("ul:first li", $tabs).droppable({
  23.             accept: ".connectedSortable li",
  24.             hoverClass: "ui-state-hover",
  25.             drop: function (event, ui) {
  26.                 var $item = $(this);
  27.                 var $list = $($item.find("a").attr("href"))
  28.                     .find(".connectedSortable");

  29.                 ui.draggable.hide("slow", function () {
  30.                     $tabs.tabs("option", "active", $tab_items.index($item));
  31.                     $(this).appendTo($list).show("slow");
  32.                 });
  33.             }
  34.         });

  35.         function PostSortable(queueID, repID, QueueOrder, SortID) {
  36.             var order = $("#" + SortID).sortable("toArray");
  37.             $.ajax({
  38.                 url: "PostPage.asmx/OrderFunction",
  39.                 dataType: "json",
  40.                 type: "POST",
  41.                 data: "{ 'OrderIds': '" + order + "', 'QueueID': '" + queueID + "', 'RepID': '" + repID + "', 'QueueOrder': '" + QueueOrder + "' }",
  42.                 contentType: "application/json; charset=utf-8"
  43.             });
  44.         }
  45.     });
  46. </script>

  47. <div id="tabs">
  48.     <ul>
  49.     <li><a href="#tabs-1" class="ui-state-default">Phone System</a></li>
  50.     <li><a href="#tabs-2" class="ui-state-highlight">Web Development</a></li>
  51.     </ul>
  52.     <div id="tabs-1">
  53.     <ul id="sortable1" class="connectedSortable ui-helper-reset" QOrder="1" qid="218" rid="123">
  54.         <li class="ui-state-default" id="List_1">Item 1</li>
  55.         <li class="ui-state-default" id="List_2">Item 2</li>
  56.         <li class="ui-state-default" id="List_3">Item 3</li>
  57.         <li class="ui-state-default" id="List_4">Item 4</li>
  58.         <li class="ui-state-default" id="List_5">Item 5</li>
  59.     </ul>
  60.     </div>
  61.     <div id="tabs-2">
  62.         <table>
  63.             <tr>
  64.                 <td style="vertical-align:top;">
  65.                     <strong>Assigned to User</strong>
  66.                 <ul id="sortable2" class="connectedSortable ui-helper-reset" QOrder="2" qid="310" rid="1">
  67.                     <li class="ui-state-highlight" id="List_21">Item 1</li>
  68.                     <li class="ui-state-highlight" id="List_22">Item 2</li>
  69.                     <li class="ui-state-highlight" id="List_23">Item 3</li>
  70.                     <li class="ui-state-highlight" id="List_24">Item 4</li>
  71.                     <li class="ui-state-highlight" id="List_25">Item 5</li>
  72.                 </ul>
  73.                 </td>
  74.                 <td style="vertical-align:top;">
  75.                     <strong>Unassigned</strong>
  76.                 <ul id="sortable3" class="connectedSortable ui-helper-reset" QOrder="3" qid="210" rid="0">
  77.                     <li class="ui-state-highlight" id="List_31">Item 1</li>
  78.                     <li class="ui-state-highlight" id="List_32">Item 2</li>
  79.                     <li class="ui-state-highlight" id="List_33">Item 3</li>
  80.                     <li class="ui-state-highlight" id="List_34">Item 4</li>
  81.                     <li class="ui-state-highlight" id="List_35">Item 5</li>
  82.                 </ul>
  83.                 </td>
  84.             </tr>
  85.         </table>

  86.     </div>
  87. </div>
I appreciate the assistance.