title: fire event on tab clicked
body: <p>i got problem with firing event when one of the tab click... i am using jQuery Easy Tab plugin.... all i want is to display alert when tab with id "#sp_tab2" is clicked... at the movement it fires with all tab and if do like this $("#sp_tab2").click(function(){..} 
  it doesn't work either... <a href="http://os.alfajango.com/easytabs/#advanced-demo" rel="nofollow">http://os.alfajango.com/easytabs/#advanced-demo</a>
  many thanks in advance ...</p>
  
  <pre><code> &lt;div id="selectPropertyTab" class="tab-container"&gt;
      &lt;ul class="etabs"&gt;
         &lt;li class="tab tab_description"&gt;&lt;a href="#sp_tab1"&gt;&lt;img id="tab_description_icon" src="../Icons/property_info_G.png"/&gt;Description&lt;/a&gt;&lt;/li&gt;
         &lt;li class="tab tab_map"&gt;&lt;a href="#sp_tab2"&gt;&lt;img id="tab_map_icon" src="../Icons/property_map_icon_G.png" /&gt;Map&lt;/a&gt;&lt;/li&gt;
         &lt;li class="tab tab_area_kn"&gt;&lt;a href="#sp_tab3"&gt;&lt;img id="tab_area_kn_icon" src="../Icons/property_direction_icon_G.png" /&gt;Area Knowledge&lt;/a&gt;&lt;/li&gt;
       &lt;/ul&gt;
  
                  &lt;div id="tab_data"&gt;
                    &lt;div id="sp_tab1"&gt;
                      display the property details
                    &lt;/div&gt;
  
                    &lt;div id="sp_tab2"&gt;
                       &lt;div id="map_canvas" style="width:61.4em; height:400px;"&gt;&lt;/div&gt;
                    &lt;/div&gt;
  
                    &lt;div id="sp_tab3"&gt;
                      display property area knowledge
                    &lt;/div&gt;
                  &lt;/div&gt; &lt;!--end tab_data--&gt;
  
  
   &lt;/div&gt; &lt;!--end selectPropertyTab--&gt;
  </code></pre>
  
  <p>jQuery....</p>
  
  <pre><code>  $(function () {
         $("#selectPropertyTab").easytabs();
    });
  
    $("#selectPropertyTab").bind('easytabs:after', function () {
  
        alert("tab no 2 is clicked......");
    });
  </code></pre>