a4j:ajax not rerendering my composite component

[devinderpal]

I have below code. On change in selection of the selectOneMenu, I want to refresh utils:calendar with id = "ratesCalendar". But when I change selection on the combo box, nothing happens, Any help is appreciated.

I even tried with "render" instead of "execute" in a4j:ajax line.

<ui:composition template="../SiteLayout.xhtml">

  <ui:define name="content">

  <a4j:region> 

  <h:outputLabel value="Select Task to Edit:   "></h:outputLabel>

  <h:selectOneMenu value="#{specialRatesCalendar.task}">

  <f:selectItems value="#{specialRatesCalendar.myTasks}"></f:selectItems>

  <a4j:ajax event="change" execute="@region"></a4j:ajax>

  </h:selectOneMenu>

                                        <p/>

  <utils:calendar id="ratesCalendar" calbean="#{specialRatesCalendar}"

  actionbean="#{specialRateAction}" />

  </a4j:region>

  </ui:define>

  </ui:composition>

[devinderpal]

finally found the solution. Composite component was resulting in nested forms, which are kind of not allowed