title: Jquery Ui Sortable blocks X-editable
body: <p>I'm using for my table the <a href="http://api.jqueryui.com/sortable/#entry-examples" rel="nofollow">sortable</a> plugin and <a href="http://vitalets.github.com/x-editable/docs.html" rel="nofollow">x-editable</a>.
  I can drag and drop the rows around and with x-editable i'm able to edit the cell content.</p>
  
  <p>my sortable call:</p>
  
  <pre><code>$('.table-schichtplan tbody').sortable({
     cancel : ".table-schichtplan-section,.table-schichtplan-break,.table-schichtplan-shift",
     refreshPositions: true,
     scroll: true,
     containment: 'parent',
     placeholder: 'ui-state-highlight',
  }).disableSelection();​
  </code></pre>
  
  <p>x-editable (according to the fiddle):</p>
  
  <pre><code>$('#username').editable({
     type: 'text',
     url: '/post',    
     pk: 1,    
     title: 'Enter username',
     ajaxOptions: {
         type: 'put'
     }        
  });
  </code></pre>
  
  <p>So i click on <code>#username</code> and the popup for editing appears. BUT i cant select the text with my mouse or even set the cursor position in the inputfield with my mouse.
  only if i delete the sortable part it works.
  it seems that the sortable plugin blocks some part of x-editable.</p>
  
  <p>see this fiddle: <a href="http://jsfiddle.net/xBB5x/49/" rel="nofollow">http://jsfiddle.net/xBB5x/49/</a></p>
  
  <p>I have tried something like that:</p>
  
  <pre><code>$('.editable-cell').on('shown', function() {
      $('.table-schichtplan tbody').sortable('disable');
  });
  
  $('.editable-cell').on('hidden', function() {  
     $('.table-schichtplan tbody').sortable('enable');
  });
  </code></pre>
  
  <p>but it doesn't work.</p>