title: Call jquery tab activate function not on a click event
body: <p>I'm working with a page that loads up a lot of data. I'm working to make it more user friendly, right now, it just loads up everything, I would like to make it load nothing but the frames then make it load the info when a specific tab is opened. This works. However I also want to leverage jquery's ability to automatically open a tab using the url hash fragment. This also works, except that the on select function defined below is not called in this case.</p>
  
  <pre><code>$("#tabs").tabs({
      show: function(event, ui) {
          $('#tabs ul li a').click(function () {
  
              var sSelectedTab = updateUrl($(this).attr('href'));
              // Get the current vertical scroll position
              var iCurrentWindowPosition = $(window).scrollTop();
              location.hash = sSelectedTab;
              // Put the vertical scrolled position back to where it was
              $(window).scrollTop(iCurrentWindowPosition);
          });
      },
      select: function(event, ui) {
  
              switch (ui.index) {
  
                  case 1:
  
                      // Corresponds to "Drives" tab
                      createSpinAnimation("#tabs");
                      $.post("ajax_api.php",
                          {
  
                              sAction: "loadData1"
                          },
                          function(data) {
                              //do things with data here
                          }
                      );
                      break;
               }
       }
  });
  </code></pre>
  
  <p>I have tried clicking the tab programatically (<code>$('#tabs a[href="' + location.hash + '"]').click()</code>), however since the tab is already selected and active, the click is ignored.
  How can I call the <code>select:</code> function from outside the tab on click?</p>