title: How do I get the id of sortable element?
body: <p>I'm using Sortable and got it up and working. But I'm trying to save what is where inside the lists.</p>
  
  <p>Lets say i have 3 lists:</p>
  
  <pre><code>&lt;ul id="top" class="connectedSortable"&gt;
  &lt;li&gt;elem1&lt;/li&gt;
  &lt;li&gt;elem2&lt;/li&gt;
  &lt;li&gt;elem2&lt;/li&gt;
  &lt;/ul&gt;
  
  &lt;ul id="left" class="connectedSortable"&gt;
  &lt;/ul&gt;
  
  &lt;ul id="right" class="connectedSortable"&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>jQuery:</p>
  
  <pre><code>$("#top, #left, #right")
  .sortable({
      connectWith: ".connectedSortable",
      stop: function(event, ui)
      {
          alert(this.id); // printing top, left right...
      }
  })
  .disableSelection();
  </code></pre>
  
  <p>I've tried to use the <code>stop</code> event inside sortable but it only returns the <code>ul</code>'s id of course. So what I want is jQuery to tell me when I've moved <code>elem1</code> from <code>list1</code> to <code>list2</code> (or any <code>elemX</code> of course).</p>
  
  <p>I'm trying to make a homepage that the user could define the layout themselves.</p>