title: Rename jQuery UI tab with jQuery
body: <p>I have 3 tabs :</p>
  
  <pre><code>&lt;div id="tabs"&gt;
      &lt;ul&gt;
          &lt;li&gt;&lt;a href="#tabs-1"&gt;Tab1&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="#tabs-2"&gt;Tab2&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="#tabs-3"&gt;Tab3&lt;/a&gt;&lt;/li&gt;
      &lt;/ul&gt;
      &lt;div id="tabs-1"&gt;&lt;/div&gt;
      &lt;div id="tabs-2"&gt;&lt;/div&gt;
      &lt;div id="tabs-3"&gt;&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>with this jQuery </p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
      $(document).ready(function () {
          var $tabs = $("#tabs").tabs({
              select: function (e, ui) {
              }
          });
      });
  &lt;/script&gt;
  </code></pre>
  
  <p>I'd like when I do some operation on the first and the third tab, the label of second tab change the name from "Tab2" to "Other text"</p>
  
  <p>I tried several way found on Google but any work.</p>
  
  <p>Thanks,</p>