title: Polymer: manually submitting a form
body: <p>In polymer I'm trying to manually submit a form. My form looks like this:</p>
  
  <pre><code>&lt;form id="myForm" on-submit="{{ submitForm }}"&gt;
      &lt;input class="text" value="{{ someValue}}"&gt;
      &lt;button type="submit"&gt;Submit&lt;/button&gt;
  &lt;/form&gt;
  </code></pre>
  
  <p>And in the polymer object I have:</p>
  
  <pre><code>submitForm: function(e) {
      e.preventDefault();
  }
  </code></pre>
  
  <p>Whenever I try to do the following:</p>
  
  <pre><code>document.getElementById('myForm').submit();
  </code></pre>
  
  <p>the form totally ignores the on-submit attribute and posts the form to a new page.</p>
  
  <p>I'm building a on-screen keyboard for anyone wondering why I would want to do this. I need to submit the form whenever someone hits the enter key on the on-screen keyboard.</p>
  
  <p>Does anyone know why this happens?</p>
  
  <p>A JSBin example to show you the exact problem (see the alerts): <a href="http://jsbin.com/wadihija/2/" rel="nofollow noreferrer">http://jsbin.com/wadihija/2/</a></p>