title: how to call jquery click event manually
body: <p>Below is HTML:</p>
  
  <pre><code>    &lt;div class="accordianDiv"&gt;
              &lt;ul&gt;
                  &lt;li class="active"&gt;&lt;a href="#tab1"&gt;tab 1&lt;/a&gt;&lt;/li&gt;
                  &lt;li&gt;&lt;a href="#tab2"&gt;document tab 2&lt;/a&gt;&lt;/li&gt;
                  &lt;li&gt;&lt;a href="#tab3"&gt;tab 3&lt;/a&gt;&lt;/li&gt;
              &lt;/ul&gt;
          &lt;/div&gt;
  </code></pre>
  
  <p>Following is click event code:</p>
  
  <pre><code>   //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
          alert(activeTab);
          $(activeTab).fadeIn(); //Fade in the active content
          return false;
      });
  </code></pre>
  
  <p>On click of any HREF, it works fine and execute above jquery stuff.</p>
  
  <p>Now, I need to execute above jquery stuff manually using jquery example, call the click event for <code>HREF[#TAB1/2/3]</code>. Please guide me on this how can i call jquery event manually.</p>
  
  <p>Meaning - when need to select tab1 then, it click event should call for tab1 same as for tab 2 and tab 3 accordinlgy.</p>