title: Dragging a row from one jquery Datatable and dropping it into another Datatable
body: <p>Iam trying to drag a row or a group of rows from one jquery Datatable and drop it into another Datatable .</p>
  
  <pre><code>oTable = $("#dragtable").dataTable({
      "aaData": app_emp,
      "bProcessing": true,
      "bDestroy": true,
      "aoColumns": [{
          "mDataProp": "employeeId"
      }, {
          "mDataProp": "empName"
      }]
  }).rowReordering();
  </code></pre>
  
  <p>Iam getting the json from ajax call and populating the datatable as above.The row reordering feature is working and Iam able to drag and drop the rows in the same datatable</p>
  
  <pre><code>$("#dragtable ").draggable({
      helper: "clone",
  });
  </code></pre>
  
  <p>Above code is dragging the entire table and if I modify it as below:</p>
  
  <p>$("#dragtable tbody tr ").draggable({
      helper: "clone",
  });</p>
  
  <p>Its dragging only the header row of the Datatable and not the rows of data in the body.</p>
  
  <p>I have the below code for dropping the rows into another jquery datatable.</p>
  
  <pre><code>$("#tobedroppedtable tbody tr").droppable({});
  </code></pre>
  
  <p>I need help on dragging and dropping as the above code is not working.</p>