jquery - ドラッグアンドドロップを使用してjquery uiを使用してテーブルセルを交換する方法

Question

ドラッグ アンド ドロップでテーブルの列を交換したい。

<table>
 <tr>
  <td class='1'>
   First
  </td>
  <td class='2'>
   Second
  </td>
 </tr>
 <tr>
  <td class='3'>
   Third
  </td>
  <td class='4'>
   Fourth
  </td>
 </tr>

今、私はdraggable機能を使用することができます

 $(".1").draggable();

をドラッグするclass='1' tdとclass='4' td、両方td'sが入れ替わります。どうすればこれを行うことができますかjqueryui