"contenteditable" problem while using sortable

"contenteditable" problem while using sortable

Hi All,
I am trying to use the HTML5 attribute "contenteditable" inside a sortable div. This works nicely in IE and Opera, but not in FF and Chrome. In FF, I can edit the element only after a right click on mouse. "contenteditable" works fine if I remove the sortable code. Here's my code snippet:
  1. <div id="sortable">
     <div><h2><a href="javascript:void(0);" contenteditable="true">Edit me</a></h2></div>
     <div><h2>Two pears</h2></div>
     <div><h2>Three oranges</h2></div>
     </div>
    <script>
    $(function() {
     $('#sortable').sortable();
    });
    </script>








Can anyone help me find the solution to this problem?