title: Why can my <tr>s only be dragged (connectToSortable) to other tables only once?
body: <p>I'm using draggable with connectToSortable to allow <code>&lt;tr&gt;</code>s from my tables to be dragged and added to other tables.</p>
  
  <p>It works great, but once I drag a <code>&lt;tr&gt;</code> to another table, it cannot be moved again, except for within its own (new) table. Is this an inherent limitation of jQuery UI or did I do something wrong?</p>
  
  <p>Sortable:</p>
  
  <pre><code>$("#sem1").sortable({
          receive: function (event, ui) { 
              ui.item.remove();} 
      });
  
  $("#sem2").sortable({
      receive: function (event, ui) { 
          ui.item.remove();}
      });
  </code></pre>
  
  <p>Draggable:</p>
  
  <pre><code>$("#sem1 tr").draggable({ connectToSortable: "#sem1, #sem2",helper:"clone"});
  $("#sem2 tr").draggable({ connectToSortable: "#sem1, #sem2",helper:"clone"});
  </code></pre>
  
  <p>I had to use the clone helper and then remove because otherwise the drag would do funky things like overlap rows... open to any suggestions! </p>
  
  <p>Thanks in advance for any help!</p>
  
  <p>P.s, this is a follow-up to a question I had previously gotten answered: </p>
  
  <p><a href="https://stackoverflow.com/questions/17771000/are-dynamically-created-table-rows-not-targetable-by-jquery">Are dynamically created table rows not targetable by jQuery?</a></p>