title: Jquery ui .sortable() enable-disable
body: <p>First of all, let me explain my page structure, so you can get the idea how is it working. I've got some number of <code>quick-button</code> blocks. 
  They can be sorted by Jquery ui <code>.sortable()</code> method, but only after pressing <code>settings</code> button (which allows quick buttons to be sortable). Later, order of this buttons could be saved or could be canceled. 
  So I need to look through 3 conditions which are fired up by <code>click</code> event. 
  Problem is, on first time everything is ok, but on second time when I'm trying to press button <code>settings</code>  - <code>sortable()</code> method is not working anymore.</p>
  
  <p>You can see my JS below:</p>
  
  <pre><code>    $('#tune-hot-links').click(function () { //Click "settings" button  
              $(".sect-hot-links-inner").sortable();
              $(".sect-hot-links-inner").disableSelection();      
      });
      $('.button-editgroup button.button-save').click(function () {   //Click "save" button       
              $(".sect-hot-links-inner").sortable('disabled');
              $(".sect-hot-links-inner").enableSelection();               
      });
      $('.button-editgroup button.button-cancel').click(function () { //Click "cancel" button 
              $(".sect-hot-links-inner").sortable('cancel');
              $(".sect-hot-links-inner").sortable('disabled');
              $(".sect-hot-links-inner").enableSelection();   
      });
  </code></pre>
  
  <p>I've already tried to change <code>.sortable()</code> to <code>.sortable('enable')</code> at <code>#tune-hot-links</code> event. And it's not working.</p>