jquery - primefaces javascript event for tab inside accordian panel -

i using primefaces accordianpanel

<h:form id="mainmenuform" style="font-size: 13px;font-weight: bold;"> <p:accordionpanel id="accord">             <p:tab id="hometab">                 <f:facet name="title">                     <p:graphicimage id="homeicon" value="images/home.png" width="13%" height="13%" />                     <p:outputlabel value="home" id="homelabel"/>                 </f:facet>                 <ul>                     <li>val1</li>                     <li>val2</li>                     <li>val2</li>                 </ul>             </p:tab>              <p:tab>                 <f:facet name="title">                     <p:graphicimage id="projecticon" value="images/createproject.png" width="13%" height="13%" />                     <p:outputlabel value="project" />                 </f:facet>             </p:tab> </p:accordionpanel> </h:form> 

i trying attach jquery getthe tab onclick event

$('#mainmenuform\\:accord\\:hometab').on( "click", function() {     alert(1); }); 

but not able alert can 1 please me out in callina javascript function on primefaces accordian tab onclick.

accordion has tabchange event. , primefaces extensions pe:javascript can call javascript on each available event without server roundtrip