title: AngularJS: First button in form fires on enter button press even though it is not a submit button
body: <p>If I press the enter button after editing <code>input_a</code>, <code>processInputA()</code> is called. The <code>submit()</code> function is omitted.</p>
  
  <p>This does not happen for <code>input_b</code>: It works as expected even though it is similar to <code>input_a</code>. The <code>submit()</code> function is called as expected.</p>
  
  <p><strong>How can I prevent the button after <code>input_a</code> from firing?</strong></p>
  
  <pre><code>&lt;form class="uk-form" ng-submit="submit()"&gt;
    &lt;div class="uk-form-row"&gt;
      &lt;input type="text"
             name="input_a"
             ng-model="buffer.inputA" ng-change="reportInputATyped()"
             class="uk-width-3-10 uk-form-small"&gt;
      &lt;button ng-cloak ng-show="inputADirty" class="uk-button uk-button-small" ng-click="processInputA()"&gt;Apply&lt;/button&gt;
      /
      &lt;input type="text"
             name="input_b"
             ng-model="buffer.inputB" ng-change="reportInputBTyped()"
             class="uk-width-6-10 uk-form-small"&gt;
      &lt;button ng-cloak ng-show="inputBDirty" class="uk-button uk-button-small" ng-click="processInputB()"&gt;Apply&lt;/button&gt;
    &lt;/div&gt;
    // ...further inputs...
  &lt;/form&gt;
  </code></pre>
  
  <p>AngularJS: <a href="http://angular-meteor.com" rel="nofollow">http://angular-meteor.com</a></p>
  
  <p>Styles: <a href="http://getuikit.com" rel="nofollow">http://getuikit.com</a></p>