title: Is there a clever way of getting the sortable target in jQueryUI
body: <p>I'm using jQuery UI to link a number of lists, and allow items to be dragged and dropped between the different lists.</p>
  
  <p>In the <code>receive</code> event, I want to get the list that the item is dropped in.  Is <code>ui.item.parent()</code> the correct way to do that, or is there a property of <code>ui</code> or <code>event</code> which will let me access this directly?</p>
  
  <hr>
  
  <pre><code>&lt;ul&gt;&lt;li&gt;item 1&lt;/li&gt;&lt;/ul&gt;
  &lt;ul&gt;&lt;li&gt;item 2&lt;/li&gt;&lt;/ul&gt;
  </code></pre>
  
  <hr>
  
  <pre><code>$('ul').sortable({
      connectWith: 'ul',
      receive: function(event, ui) {
          var targetList = ui.item.parent();
      }
  });
  </code></pre>