title: Get ul and li values in jQuery UI Sortable on drag then drop
body: <p>I have this code:</p>
  
  <pre><code>&lt;ul id="sortable1" class="connectedSortable"&gt;
  &lt;li class="ui-state-default"&gt;Song Description 1&lt;/li&gt;
  &lt;li class="ui-state-default"&gt;Song Description 2&lt;/li&gt;
  &lt;/ul&gt;
  
  &lt;ul id="sortable2" class="connectedSortable"&gt;
  &lt;li class="ui-state-default"&gt;Song Description 3&lt;/li&gt;
  &lt;li class="ui-state-default"&gt;Song Description 4&lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>What i need to do is when i drag and drop (ex. Song Description 1 from <code>#sortable1</code> to some position in <code>#sortable2</code>) to give me an alert (ex. Song 1 from <code>#sortable1</code> was dropped in <code>#sortable2</code>)</p>
  
  <p>Is that possible? Should i add ID's to the "li"'s?</p>
  
  <p>Help much appreciated. </p>