jsf - <f:ajax> tag 404 error -

i trying excute ajax call on search button issue 404 error.

main form loads goods, lightbox(jquery works) , when clicking on search issue 404, debugged see if method gets call nothing beging called on ajax command button.

<h:form id="mainform">     <h:commandbutton onclick="showlig();" value="find person"/>     <div id="moreinfo" class="lightbox" style="display: none;">         <ui:include src="external.xhtml"/>     </div> </h:form> 

external xhtml

<h:inputtext id="personsearch" value="#{bean.holdingvalue}" ></h:inputtext> <h:commandbutton value="search">     <f:ajax render="@form" execute="personsearch" listener="#{controller.method}"/> </h:commandbutton> <h:datatable id="sometable" value="list" var="x">     blah.. </h:datatable>