jQuery UI sortable & contenteditable=true not working together

jQuery UI sortable & contenteditable=true not working together

I am creating a list & want to make its item sortable and editable. So i
am doing it like this:
<ul id="ul_list">
<li><span contenteditable="true">A</span></li>
<li><span contenteditable="true">B</span></li>
<li><span contenteditable="true">C</span></li>
</ul>
$("#ul_list").sortable();
http://jsfiddle.net/7jzVa/
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.
So please suggest how can i do this?