title: AngularJS ng:form -- How to change the behaviour of 'enter' key
body: <p>Referring to the <a href="http://docs.angularjs.org/api/ng.directive%3aform" rel="nofollow">Angular docs for ngForm directive</a>:</p>
  
  <blockquote>
    <p>If a form has only one input field then hitting enter in this field
    triggers form submit (ngSubmit)</p>
    
    <p>if a form has has 2+ input fields and
    no buttons or input[type=submit] then hitting enter doesn't trigger
    submit </p>
    
    <p>if a form has one or more input fields and one or more buttons
    or input[type=submit] then hitting enter in any of the input fields
    will trigger the click handler on the <em>first</em> button or
    input[type=submit] (ngClick) and a submit handler on the enclosing
    form (ngSubmit)</p>
  </blockquote>
  
  <p>In my form, I  have a <a href="http://twitter.github.com/bootstrap/javascript.html#buttons" rel="nofollow">Bootstrap button-radio</a> followed by a <code>button[type=submit]</code> However, when one presses the 'enter' key from within an input box, the first "button-radio" gets clicked instead of the <code>button[type=submit]</code></p>
  
  <p>I know, as per the doc this is supposed to happen (<em>first</em> button or input[type=submit]), but is there any way to change this behaviour?</p>