title: a4j: ajax event="change" doesn't work on the first click, but on the second click
body: <p>I have a form using JSF with rich faces. In the form there are two radio buttons: "Yes" and "No". The default selection is "Yes". When clicked "No" a text area should appear below. But it doesn't. Instead It appears in the second click; I first click "No" (Default was "Yes") nothing happens and then I click "Yes", now it works, the text area below appears but it automatically chooses "No".</p>
  
  <p>Here is the code:</p>
  
  <pre><code>&lt;h:outputLabel for="cheapest"&gt;Cheapest Flight?&lt;/h:outputLabel&gt;
                  &lt;h:selectOneRadio id="cheapest" value="#{myController.selectedItem.cheapest}" disabled="#{myController.showMode}"&gt;
                      &lt;f:selectItems value="#{yesNoTypeItems.items}" /&gt;
                      &lt;a4j:ajax event="change" render="@form" execute="@form" /&gt;
                  &lt;/h:selectOneRadio&gt;
  
                  &lt;h:outputLabel for="newArea" rendered="#{myController.selectedItem.cheapest == false}"&gt;New Text Area&lt;/h:outputLabel&gt;
                  &lt;h:inputTextarea id="newArea" rendered="#{myController.selectedItem.cheapest  == false}" disabled="#{myController.showMode}"
                      value="#{myController.selectedItem.newArea}" style="width:300px;height:100px;"&gt;
                  &lt;/h:inputTextarea&gt;
  </code></pre>