title: Fail to update h:outputText tag with (Primefaces) p:ajax call
body: <p>I want for user while typing name, update name field in tab id="tab4" of accordionPanel.
  Gives me an error with <code>java.lang.IllegalArgumentException: out</code> - the id of the tab</p>
  
  <pre><code>    &lt;ui:define name="contentBody"&gt;
          &lt;h:form id="form2"&gt;
  
          &lt;p:accordionPanel id="maintab" multiple="true"&gt;
          &lt;p:tab title="New Order"&gt;
              &lt;h:panelGrid columns="1" cellpadding="5"&gt; 
  
              &lt;p:tabView id="tabView"&gt;
                  &lt;p:tab title="Client" id="tab1"&gt;
                      &lt;h:panelGrid columns="6" cellpadding="5"&gt;
  
                          &lt;h:outputText value="Name " /&gt;
                          &lt;p:inputText id="name" value="#{newOrderBean.name}"&gt;
                              &lt;p:ajax update=":form2:maintab:out:name_id" /&gt;
                          &lt;/p:inputText&gt;
  
                      &lt;/h:panelGrid&gt;
                  &lt;/p:tab&gt;
              &lt;/p:tabView&gt;
  
              &lt;/h:panelGrid&gt;
          &lt;/p:tab&gt;
  
          &lt;p:tab id="out" title="View Deatails"&gt;
              &lt;h:panelGrid id="panelgrid" columns="3" cellpadding="5"&gt;
                  &lt;p:panel id="panel1" header="Client" style="width:200px;height:200px" &gt;
                      &lt;h:panelGrid id="grid1" columns="1"&gt;  
                          &lt;h:outputText id="name_id" value="#{newOrderBean.name}" /&gt;
                      &lt;/h:panelGrid&gt;
                  &lt;/p:panel&gt;
  
              &lt;/h:panelGrid&gt;
          &lt;/p:tab&gt;
          &lt;/p:accordionPanel&gt;
  
          &lt;/h:form&gt;
      &lt;/ui:define&gt;
  </code></pre>
  
  <p>could you please also clarify about the cases where i need to put my components into separate forms cause just for now i put the whole page into a single form tag. Thank you</p>