title: jQuery UI sortable & contenteditable=true not working together
body: <p>I am creating a list &amp; want to make its item sortable and editable. So i am doing it like this:</p>
  
  <pre><code>&lt;ul id="ul_list"&gt;
  &lt;li&gt;&lt;span contenteditable="true"&gt;A&lt;/span&gt;&lt;/li&gt;
  &lt;li&gt;&lt;span contenteditable="true"&gt;B&lt;/span&gt;&lt;/li&gt;
  &lt;li&gt;&lt;span contenteditable="true"&gt;C&lt;/span&gt;&lt;/li&gt;
  &lt;/ul&gt;
  
  $("#ul_list").sortable();
  </code></pre>
  
  <p><a href="http://jsfiddle.net/7jzVa/" rel="nofollow">http://jsfiddle.net/7jzVa/</a></p>
  
  <p>But if i use jquery ui sortable then my list item is losing focus for editing and that's why i am not able to edit them.</p>
  
  <p>So please suggest how can i do this?</p>