title: JQuery tab Ui not disabling
body: <p>I have tried alot but no success. I have 3 tabs. Tab index is 0,1,2</p>
  
  <p>When page is loaded 2rd tab index should be disabled.
  When click on 1st tab index the 3rd tab index should enable.</p>
  
  <p>Now I am on 3rd tab index and if i go to 0 tab index than 2 tab index should disable.</p>
  
  <p>So</p>
  
  <p>0 index = disbale 2rd index</p>
  
  <p>1 index = enable 2rd index</p>
  
  <p>2 index = enable 0,1 index</p>
  
  <p><strong>Thats what I want.
  Below code is not working when I am on tabs-1. Not disabling index 2 :(</strong></p>
  
  <pre><code>$('#Paymenttabs').tabs({
      select: function(e, ui) {
          var isValid = true;
          var num = 0;
          if (ui.panel.id == "tabs-1"){
              $('#Paymenttabs').tabs("disable",[2]);
          }else if (ui.panel.id == "tabs-2"){
              $('#Paymenttabs').tabs( "enable" , 2 )
          }else if (ui.panel.id == "tabs-3"){
              $('#Paymenttabs').tabs("option","disabled",[]);
          }
      }
  });
  </code></pre>