title: Why p:inputTextArea value is not set?
body: <p>I have this form:   </p>
  
  <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;h:form id="productsForm"&gt;
   &lt;p:dialog id="newProductDlg"&gt;
    &lt;p:panelGrid&gt;
     &lt;p:outputLabel value="Name:"/&gt;
      &lt;p:inputText id="newProductName" value="#{productService.name}" /&gt;
  
      &lt;p:outputLabel value="Category:"/&gt;
      &lt;p:selectOneMenu id="parentCategoryList"
       value="#{productService.category}"&gt;
       &lt;f:selectItems var="currCateg" itemLabel="#{currCateg}"
        value="#{categoryService.categories}" itemValue="#{currCateg}" /&gt;
      &lt;/p:selectOneMenu&gt;
  
      &lt;p:outputLabel value="Price:"/&gt;
      &lt;p:spinner id="priceSpinner" value="#{productService.price}"/&gt;
  
      &lt;p:outputLabel value="Specifications:"/&gt;
      &lt;p:commandButton value="Add specifications"
       title="Open 'Add specifications' dialog"/&gt;
  
      &lt;f:facet name="footer"&gt;   
                    &lt;p:commandButton id="addNewProductBtn" value="Add new product"
        process="productsForm:specificationsArea productsForm:newProductDlg"
        actionListener="#{productService.createProduct}"/&gt;
       &lt;p:commandButton id="cancelAddingProd" value="Cancel"/&gt;
      &lt;/f:facet&gt;
     &lt;/p:panelGrid&gt;
    &lt;/p:dialog&gt;
  
    &lt;p:dialog id="newSpecificationDlg"&gt;
     &lt;p:panelGrid&gt;
      &lt;p:outputLabel value="Title:"/&gt;
      &lt;p:inputText id="newSpecificationTitle"/&gt;
  
      &lt;p:outputLabel value="Description:"/&gt;
      &lt;p:inputText id="newSpecificationDesc"/&gt;
  
      &lt;f:facet name="footer"&gt;
       &lt;p:inputTextarea readonly="true" autoResize="false" 
                          rows="7" id="specificationsArea"
        value="#{productService.specifications}"&gt;
       &lt;/p:inputTextarea&gt;
  
       &lt;p:commandButton value="Add new specification entry" id="addNewSpecifEntryBtn"
        update="productsForm:specMessages"
                        process="newSpecificationTitle newSpecificationDesc specMessages"/&gt;
  
       &lt;p:commandButton id="cancelAddingSpecif" value="Back"
        styleClass="CategDlgBtn dlgField" type="button"/&gt;
      &lt;/f:facet&gt;
      &lt;/p:panelGrid&gt;
    &lt;/p:dialog&gt;
   &lt;/h:form&gt;</code></pre>
  </div>
  </div>
  <br>
  Here, <code>textArea</code> is something like <code>template</code> that show us how values will be displayed on another page. That is why it is <code>readonly</code>.</p>
  
  <p>It works as follows:<br>
  1) In main dialog (<code>newProductDlg</code>) I write <code>name</code>, <code>category</code> and <code>other</code> parameters,<br>
  2) I can open second dialog (<code>newSpecificationDlg</code>) and write there new specifications,<br>
  3) In <code>newSpecificationDlg</code> are two inputs <code>newSpecificationTitle</code> and <code>newSpecificationDesc</code>. If I press <code>addNewSpecifEntryBtn</code> value of <code>specificationsArea</code> is appended by values of these two inputs via javascript:   </p>
  
  <pre><code>var title = newSpecificationTitle.value, desc = newSpecificationDesc.value;
  if (title == null || desc == null || title.length == 0 || desc.length == 0)
      return;
  specificationsArea.value = specificationsArea.value + title + ' : ' + desc
          + ';\n';
  </code></pre>
  
  <p>In this case <code>setter</code> for <code>specifications</code> is never invoked.</p>
  
  <p>So, why it happens and how to (in my case) save value of <code>p:inputTextArea</code> to backing bean field?</p>