title: jquery draggable & droppable get source container (that draggable came from)
body: <p>I made this jsfiddle for a different answer and I'm wondering how I can get the souce container that the droppable came from</p>
  
  <p><a href="http://jsfiddle.net/d7wsz/8/" rel="nofollow">http://jsfiddle.net/d7wsz/8/</a></p>
  
  <p>The jquery is</p>
  
  <pre><code>$("#Table1 tr:not(.disabled), #Table2 tr:not(.disabled), #Table3 tr:not(.disabled)").draggable({
     helper: 'clone',
     revert: 'invalid',
     start: function (event, ui) {
         $(this).css('opacity', '.5');
           },
    stop: function (event, ui) {
        $(this).css('opacity', '1');
     }
  });
  
  $("#Table1, #Table2, #Table3").droppable({
   drop: function (event, ui) {
     $(ui.draggable).appendTo(this); 
      alert($(ui.draggable).text() +
            ' was draged from ' +
            'XX' + ' to ' +
            $(this).attr('id') + '.');
  
   }
  </code></pre>
  
  <p>});</p>
  
  <p>and the html is</p>
  
  <pre><code>&lt;h1&gt;Table 1&lt;/h1&gt;
  &lt;table id="Table1"&gt;
   &lt;tr&gt;&lt;td&gt;Row 3&lt;/td&gt;&lt;/tr&gt;  
   &lt;tr class='disabled'&gt;&lt;td&gt;Row 4&lt;/td&gt;&lt;/tr&gt;  
   &lt;tr&gt;&lt;td&gt;Row 5&lt;/td&gt;&lt;/tr&gt;  
  &lt;/table&gt;
  
  &lt;h2&gt;Table 2&lt;/h2&gt;
  &lt;table id="Table2"&gt;
   &lt;tr&gt;&lt;td&gt;Row 8&lt;/td&gt;&lt;/tr&gt;  
   &lt;tr class='disabled'&gt;&lt;td&gt;Row 9&lt;/td&gt;&lt;/tr&gt;  
   &lt;tr&gt;&lt;td&gt;Row 10&lt;/td&gt;&lt;/tr&gt;
   &lt;/table&gt;   
  
  &lt;h2&gt;Table 3&lt;/h2&gt;
  &lt;table id="Table3"&gt;
   &lt;tr&gt;&lt;td&gt;Row 11&lt;/td&gt;&lt;/tr&gt;  
   &lt;tr&gt;&lt;td&gt;Row 12&lt;/td&gt;&lt;/tr&gt;
  &lt;/table&gt;   
  </code></pre>