title: clearing input fields upon pressing enter
body: <p>After an a user presses enter inside an input field, I clear the value by <code>document.getElementById('text').value = "";</code></p>
  
  <p>As Im using a spacebars to iterate over an array, this displays multiple input fields with the same id of course <code>id='text'</code></p>
  
  <p>After typing in the first input field and pressing return key, the input field clear.</p>
  
  <p>However, this is not the case for the proceeding inout fields. I understand <code>document.getElementById</code> only finds the <em>first</em> id.</p>
  
  <p>How can I make this the input value is cleared for all input fields. </p>
  
  <pre><code>    'keydown #text': function(event, template) {
      if ((27 === event.which) || (13 === event.which)) {
          event.preventDefault();
          document.getElementById('text').value = "";
  
      }
  },
  </code></pre>