title: jquery ui tab select method not working
body: <p>I have two tabs with a submit button on each tab.  When the button is clicked, I need to reload the content of that specific tab to get updated data from the server.  </p>
  
  <pre><code>if (validStatus()) {
      $.ajax({
          //...
          success: reloadTab
      });
  }    
  
  function reloadTab() {                
              var currentTab = $("#tabs").tabs("option", "active");
              alert(currentTab);
              $('#tabs').tabs('select', currentTab);
              alert(currentTab);
          }
  </code></pre>
  
  <p>When the button is clicked, the tab doesn't refresh.  I see the first alert but not the second.  </p>
  
  <p>HTML is as follows:</p>
  
  <p>Head:</p>
  
      
  
  
  
  <pre><code>&lt;link rel="stylesheet" href="@this.Url.Content("//code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css")" /&gt;
  &lt;script&gt;
      $(function () {
          $("#tabs").tabs();
      });
  &lt;/script&gt;
  </code></pre>
  
  <p>Body:</p>
  
  <pre><code>&lt;div id="tabs"&gt;
  &lt;ul&gt;
      &lt;li&gt;&lt;a href="#Tab1" title="Tab1"&gt;The first tab&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href="#Tab2" title="Tab2"&gt;the second tab&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href="#Success" title="Success"&gt;Success&lt;/a&gt;&lt;/li&gt;
  &lt;/ul&gt;
  
  &lt;div id="Success"&gt;
      testing
  &lt;/div&gt;
  
  &lt;div id="Tab1"&gt;
  
      &lt;fieldset &gt;
          &lt;legend&gt;Overview&lt;/legend&gt;
          &lt;input type="button" id="submit1" value="submit" /&gt;
          &lt;br /&gt;
      &lt;/fieldset&gt;
  
      &lt;fieldset style="width: 700px;"&gt;
          &lt;legend&gt;Overview&lt;/legend&gt;
          &lt;div&gt;
              &lt;table &gt;
              //updated with ajax
              &lt;/table&gt;
          &lt;/div&gt;
      &lt;/fieldset&gt;
  
      &lt;script&gt;
          //reloadTab is in here
      &lt;/script&gt;
  &lt;/div&gt;
  
  &lt;div id="Tab2"&gt;
  
      &lt;fieldset style="float:left; width:300px;"&gt;
          &lt;input id="submit2" type="button" value="submit"/&gt;
      &lt;/fieldset&gt;
  
      &lt;fieldset style="float:left;"&gt;
          &lt;legend&gt;Overview&lt;/legend&gt;
          &lt;table&gt;
          //updated with ajax
          &lt;/table&gt;
      &lt;/fieldset&gt;
  
      &lt;script&gt;.....&lt;/script&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p></p>