title: Making second tab first active
body: <p>i have this pretty well known script that i am trying to get working, at the moment it all works great, but when you first open the page it shows the first tab, as it should, what i want is it to show the second tab. (the first is just a mail compose tab, the second is the actual inbox)</p>
  
  <p>Here is the javascript</p>
  
  <pre><code>    &lt;script type="text/javascript"&gt;
  
  $(document).ready(function() {
  
      //Default Action
      $(".tab_content").hide(); //Hide all content
      $("ul.tabs li:first").addClass("active").show(); //Activate first tab
      $(".tab_content:first").show(); //Show first tab content
  
      //On Click Event
      $("ul.tabs li").click(function() {
          $("ul.tabs li").removeClass("active"); //Remove any "active" class
          $(this).addClass("active"); //Add "active" class to selected tab
          $(".tab_content").hide(); //Hide all tab content
          var activeTab = $(this).find("a").attr("href"); //Find the rel attribute value to identify the active tab + content
          $(activeTab).fadeIn(); //Fade in the active content
          return false;
      });
  
  });
  
  &lt;/script&gt;
  </code></pre>
  
  <p>And here is the html for the tabs</p>
  
  <pre><code>&gt; &lt;ul class="tabs"&gt;
  &gt;     &lt;li&gt;&lt;a href="#compose" class="compose"&gt;&lt;/a&gt;&lt;/li&gt;
  &gt;     &lt;div id="mail_sidebar_top"&gt;
  &gt;         &lt;li&gt;&lt;a href="#inbox" class="inbox"&gt;Inbox(0)&lt;/a&gt;&lt;/li&gt;
  &gt;         &lt;li&gt;&lt;a href="#sent_mail" class="sent_mail"&gt;Sent Mail(0)&lt;/a&gt;&lt;/li&gt;
  &gt;         &lt;li&gt;&lt;a href="#trash" class="trash"&gt;Trash(0)&lt;/a&gt;&lt;/li&gt;
  &gt;         &lt;li&gt;&lt;a href="#reported" class="reported"&gt;Reported&lt;/a&gt;&lt;/li&gt;
  &gt;         &lt;li&gt;&lt;a href="#drafts" class="drafts"&gt;Drafts&lt;/a&gt;&lt;/li&gt;
  &gt;         
  &gt;     &lt;/div&gt;&lt;!---end mail_sidebar_top---&gt;
  &gt;     
  &gt;     &lt;div id="mail_sidebar_middle"&gt;
  &gt;         &lt;li&gt;&lt;a href="#notifications" class="notifications"&gt;Notifications&lt;/a&gt;&lt;/li&gt;
  &gt;         &lt;li&gt;&lt;a href="#alerts" class="alerts"&gt;Alerts&lt;/a&gt;&lt;/li&gt;
  &gt;         
  &gt;     &lt;/div&gt;&lt;!---end mail_sidebar_top---&gt;
  &gt;    
  &gt;     &lt;/ul&gt;
  </code></pre>
  
  <p>Thanks for any and all help</p>