title: Enabling sorting in jQuery UI Sortable with connected lists
body: <p>I have a two <code>&lt;ul&gt;</code> lists connected up with <strong>jQuery UI Sortable</strong>.</p>
  
  <p>I need items to be dragged and dropped from one list to the other and have used <code>connectWith: "ul"</code> as demonstrated below:</p>
  
  <pre><code>$("ul.droptrue").sortable({
     connectWith: "ul",
     receive: function (event, ui) {
     ...
  </code></pre>
  
  <p>This fires absolutely fine and works as expected.</p>
  
  <p>How can I listen for reorder events within the individual lists themselves?</p>
  
  <p>I tried using <code>sort: function (event, ui)</code>, however this seems to listen for all movement.</p>
  
  <p>If anybody could suggest the best way to achive this, I'd appreciate it.</p>
  
  <p><strong>Here are my lists</strong></p>
  
  <pre><code>&lt;ul id="otpages1" class='droptrue'&gt;
  &lt;li id="item-1" class="ui-state-default"&gt;Item 1&lt;/li&gt;
  &lt;li id="item-1" class="ui-state-default"&gt;Item 2&lt;/li&gt;
  &lt;/ul&gt;
  &lt;ul id="otpages2" class='droptrue'&gt;
  &lt;li id="item-2" class="ui-state-highlight"&gt;Item 1&lt;/li&gt;
  &lt;li id="item-2" class="ui-state-highlight"&gt;Item 2&lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>