title: inputText enter causes page refresh
body: <p>I have several <code>inputText</code> boxes on a page with associated edit/submit buttons (which work).  I want to make it so that when the user presses enter from inside the <code>inputText</code> box, the form is submitted.  For one of my forms, it works, for the other, it doesn't.  Here's the one that doesn't work:</p>
  
  <pre><code>&lt;h:form&gt;
  &lt;iframe src="#{appInfo.documentation}"/&gt;
  &lt;h:commandButton value="Edit" &gt;
      &lt;f:ajax listener="#{appInfo.editDoc}" render="@form"/&gt;
  &lt;/h:commandButton&gt;
  &lt;h:commandButton value="Save" &gt;
      &lt;f:ajax listener="#{appInfo.saveDoc}" render="@form"/&gt;
  &lt;/h:commandButton&gt;
  &lt;h:inputText value="#{appInfo.documentation}" &gt; 
  &lt;!-- pressing enter causes page refresh --&gt;
    &lt;f:ajax/&gt;
  &lt;/h:inputText&gt;
  &lt;/h:form&gt;
  </code></pre>
  
  <p>And the one that does:</p>
  
  <pre><code>&lt;h:form&gt;
    &lt;h:dataTable id="table" value="#{appInfo.model.apps}" var="a"&gt;
      &lt;h:column&gt;
      &lt;f:facet name="header"&gt;URL&lt;/f:facet&gt;
      &lt;h:outputText value="#{a.url}"/&gt;
      &lt;h:inputText value="#{a.url}"&gt;
      &lt;!-- pressing enter does NOT causes page refresh --&gt;
        &lt;f:ajax/&gt;
      &lt;/h:inputText&gt;
      &lt;/h:column&gt;
    &lt;/h:dataTable&gt;
      ... command buttons
  &lt;/h:form&gt;
  </code></pre>
  
  <p>Any ideas?</p>