title: links from within jquery tabs do not open other tabs
body: <p>Below is the code I'm using. Right now the tabs section works fine and it switched between tabs. The problem is I have a image in a div with a class called "showMem" at the bottom of every tab. That link is supposed to open up the last tab but its not working. The code I got for opening the tab is here <a href="http://docs.jquery.com/UI/Tabs#...select_a_tab_from_a_text_link_instead_of_clicking_a_tab_itself" rel="nofollow">JQuery Docs</a>. Any idea? Thank you in advance. </p>
  
  <pre><code> &lt;script type="text/javascript"&gt;
      $(document).ready(function () {
  
      var $tabs = $('#tabs').tabs(); // first tab selected
  
          $('.showMem').click(function() { // bind click event to link
              $tabs.tabs('select', 4); // switch to third tab
              return false;
                  }).css({
                      cursor : 'pointer'
          });
  
          var $items = $('#tabs&gt;ul&gt;li');
          var $theImg = $('#tabs&gt;ul&gt;li&gt;a&gt;img');
          $items.click(function () {
              $items.removeClass('selected');
              $(this).addClass('selected');
              if ($items.index($(this)) == 0) { //Intro
  
                  $items.removeClass('tab1Selected');
                  $items.removeClass('tab2Selected');
                  $items.removeClass('tab3Selected');
                  $items.removeClass('tab4Selected');
                  $items.removeClass('tab5Selected');
                  $(this).addClass('tab1Selected');
  
              }
              else if ($items.index($(this)) == 1) { //About
                  $items.removeClass('tab1Selected');
                  $items.removeClass('tab2Selected');
                  $items.removeClass('tab3Selected');
                  $items.removeClass('tab4Selected');
                  $items.removeClass('tab5Selected');
                  $(this).addClass('tab2Selected');
              }
              else if ($items.index($(this)) == 2) { //Content
                  $items.removeClass('tab1Selected');
                  $items.removeClass('tab2Selected');
                  $items.removeClass('tab3Selected');
                  $items.removeClass('tab4Selected');
                  $items.removeClass('tab5Selected');
                  $(this).addClass('tab3Selected');
              }
              else if ($items.index($(this)) == 3) { //New Format
                  $items.removeClass('tab1Selected');
                  $items.removeClass('tab2Selected');
                  $items.removeClass('tab3Selected');
                  $items.removeClass('tab4Selected');
                  $items.removeClass('tab5Selected');
                  $(this).addClass('tab4Selected');
              }
              else if ($items.index($(this)) == 4) { //Membership
                  $items.removeClass('tab1Selected');
                  $items.removeClass('tab2Selected');
                  $items.removeClass('tab3Selected');
                  $items.removeClass('tab4Selected');
                  $items.removeClass('tab5Selected');
                  $(this).addClass('tab5Selected');
              }
              var index = $items.index($(this));
              $('#tabs&gt;div').hide().eq(index).show();
          }).eq(0).click();
  
      });
  &lt;/script&gt; 
  
  
  
   &lt;div id="tabs" class="ui-tabs"&gt;
      &lt;img src="myimage.jpg" /&gt;
      &lt;ul class="ui-tabs-nav"&gt;
          &lt;li class="tab1"&gt;&lt;/li&gt;
          &lt;li class="tab2"&gt;&lt;/li&gt;
          &lt;li class="tab3"&gt;&lt;/li&gt;
          &lt;li class="tab4"&gt;&lt;/li&gt;
          &lt;li class="tab5"&gt;&lt;/li&gt;
      &lt;/ul&gt;
  
      &lt;div id="tabs-1"&gt;
         &lt;div class="showMem"&gt;image&lt;/a&gt;
      &lt;/div&gt;
      &lt;div id="tabs-2"&gt;
          &lt;p&gt;blah blah blah&lt;/p&gt;
          &lt;div class="showMem"&gt;image&lt;/div&gt;
      &lt;/div&gt;
      &lt;div id="tabs-3"&gt;
          &lt;p&gt;Blah blah blah &lt;/p&gt;
          &lt;div class="showMem"&gt;image&lt;/div&gt;
      &lt;/div&gt;
      &lt;div id="tabs-4"&gt;
          &lt;p&gt;blach blah blach&lt;/p&gt;
          &lt;div class="showMem"&gt;image&lt;/div&gt;
      &lt;/div&gt;
      &lt;div id="tabs-5"&gt;
          &lt;p&gt;blah&lt;/p&gt;
          &lt;div class="showMem"&gt;image&lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>