title: get the tab text on select jquery ui tabs
body: <p>I m using jquery ui tabs </p>
  
  <p>I can get the index of the selected tab on "load" (ajax) event</p>
  
  <pre><code>$('#tabs').tabs(
        {
          load: function(e, ui) {
              if($('#tabs').tabs('option','selected') == 0) { }
        }
         });
  </code></pre>
  
  <p>Now i want to get the tab name </p>
  
  <p>for eg...</p>
  
  <pre><code>&lt;ul&gt;
  &lt;li&gt;&lt;a href="newprofile.jsp"&gt;&lt;span&gt;Profile&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a href="ashout.jsp" id="friends"&gt;&lt;span&gt;Shouts&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>I want to retrieve the text Profile when first tab is clicked 
  or Shout when second tab is clicked.</p>
  
  <p>Thanks</p>