title: jQuery UI, select tab with text link and load link specific ajax content
body: <p>I am using jQuery UI tabs to have a tab where I can search for records and then other tabs where I can view individual record details.  I am trying to have search results link clicks open the relevant tab and load the specific ajax content for that search result.</p>
  
  <p>I am able to switch tabs using an href with something like the jQuery UI tabs example code:</p>
  
  <pre><code>var $tabs = $('#example').tabs(); // first tab selected
  
  $('#my-text-link').click(function() { // bind click event to link
      $tabs.tabs('select', 2); // switch to third tab
      return false;
  });
  </code></pre>
  
  <p>I see ajax content is normally loaded via setting the href on the tab itself: </p>
  
  <pre><code>&lt;li&gt;&lt;a id="customerTabLink" href="#tabs-2"&gt;&lt;span&gt;Customer&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
  </code></pre>
  
  <p>I've tried adding this to the my-text-link onclick function to dynamically set the href for the tab but that doesn't load the content in my tab.</p>
  
  <pre><code>$('#customerTabLink').attr("href", "/view/dspClient.cfm?id_customers=15");
  </code></pre>
  
  <p>Is there another way I can be loading ajax content in the tab without setting this href?  Or am I setting the href incorrectly?  Is this something I should be using the load even for?  <a href="http://docs.jquery.com/Events/load" rel="nofollow noreferrer">http://docs.jquery.com/Events/load</a></p>
  
  <p>Thanks!</p>
  
  <p>-Matt </p>