title: <h:selectOneMenu>'s value not submitted correctly
body: <p>In my application, I have the following piece of code:</p>
  
  <pre class="lang-html prettyprint-override"><code>&lt;h:form&gt;
      &lt;h:panelGrid id="initPanel" columns="3"&gt;
          &lt;h:outputLabel for="type" value="*Type: " /&gt;
          &lt;h:selectOneMenu label="type" id="type" value="#{createNews.type}"
                           required="true" requiredMessage="Type is required."&gt;
              &lt;f:ajax render="typePanel" /&gt;
              &lt;f:selectItem noSelectionOption="true" itemLabel="Choose one..." /&gt;
              &lt;f:selectItem itemValue="Article" itemLabel="Article" /&gt;
              &lt;f:selectItem itemValue="Video"   itemLabel="Video" /&gt;
          &lt;/h:selectOneMenu&gt;
          &lt;p:message for="type" /&gt;
  
          &lt;h:outputLabel for="title" value="*Title: " /&gt;
          &lt;p:inputText label="title" id="title" 
                       value="#{createNews.news.title}" 
                       required="true" requiredMessage="Title is required." /&gt;
          &lt;p:message for="title" /&gt;
      &lt;/h:panelGrid&gt;
  
      &lt;h:panelGroup id="typePanel"&gt;
          &lt;h:panelGrid rendered="#{createNews.type == 'Article'}" columns="1"&gt;
              &lt;h:panelGrid columns="2"&gt;
                  &lt;h:outputLabel for="content" value="*Content: " /&gt;
                  &lt;p:message id="contentMsg" for="content" /&gt;
              &lt;/h:panelGrid&gt;
  
              &lt;p:editor id="content" value="#{createNews.news.content}" width="580" /&gt;
          &lt;/h:panelGrid&gt;
  
          &lt;h:panelGrid rendered="#{createNews.type == 'Video'}" columns="3"&gt;
              &lt;h:outputLabel for="embedCode" value="*Embed code: " /&gt;
              &lt;p:inputText label="embedCode" id="embedCode" 
                           value="#{createNews.news.embedCode}" /&gt;
              &lt;p:message for="embedCode" /&gt;
          &lt;/h:panelGrid&gt;
      &lt;/h:panelGroup&gt;
  
      &lt;p:commandButton value="Confirm" update="initPanel typePanel" actionListener="#{createNews.createNews}" /&gt;
  
  &lt;/h:form&gt;
  </code></pre>
  
  <p>And this is the managed bean:</p>
  
  <pre><code>@Named(value = "createNews")
  @RequestScoped
  public class CreateNews {
      private Integer type;
      private News    news;
  
      public void createNews() {...}
  
      // Getters and Setters
  }
  </code></pre>
  
  <p>When I choose <code>Article</code> or <code>Video</code>, the corresponding portion is rendered correctly in <code>typePanel</code>. In the below example, I chose <code>Video</code> and the <code>Embed code</code> portion was rendered.</p>
  
  <p><img src="https://i.stack.imgur.com/ng7sB.png" alt="The Embed code portion is rendered correctly."></p>
  
  <p>However, when I click <code>Confirm</code>, the portion rendered earlier suddenly disappear. </p>
  
  <p><img src="https://i.stack.imgur.com/yCHNZ.png" alt="The Embed code portion disappeared!"></p>
  
  <p>Somehow, the <code>type</code> property of my managed bean did not receive the value of the <code>&lt;h:selectOneMenu&gt;</code>.</p>
  
  <p>I'd be very grateful if you could give me an advice.</p>
  
  <p>Best regards,</p>