title: Jquery UI Tabs Disable
body: <p>I am using jquery UI tabs, i want to disable the tabs. for that i have already setup my tab as describes below for the HTML and the Jquery. The tab control works fine but it doesn't disable the tabs.</p>
  
  <pre><code>&lt;div class="tabs-container h-tabs"&gt;
  &lt;ul class="tabs"&gt;
      &lt;li&gt;&lt;a href="#"&gt;tab 1&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href="#"&gt;tab 2&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href="#"&gt;tab 3&lt;/a&gt;&lt;/li&gt;
  &lt;/ul&gt;
  
  &lt;div class="tab-content"&gt;
      &lt;div&gt;Tab 1&lt;/div&gt;
      &lt;div&gt;Tab 2&lt;/div&gt;
      &lt;div&gt;Tab 3&lt;/div&gt;
  &lt;/div&gt;
  &lt;/div&gt;
  &lt;script type="text/javascript"&gt;
      (function () {
          $(".tabs-container ul.tabs").tabs("div.tab-content &gt; div", { tabs: 'a', effect: 'fade', fadeOutSpeed: -200, history: false, initialIndex: 1 });
  
  
         // DISABLE THE TABS
         $(".tabs-container ul.tabs").tabs("option","disable", [1,2,3]); // IT DOESN'T WORK!!!
  
      })();
  &lt;/script&gt;
  </code></pre>