title: trigger onsubmit without submit-button
body: <p>I'm stuck, trying to submit my form using the submit function ( formElement.submit() ).
  Well, actually It do send the form-input-values to the backend, but I'm trying to prevent it and adding ajax in between.</p>
  
  <p>Jade/pug</p>
  
  <pre><code>form#score-form(method="POST" action="/leaderboard")
      input#submit-score(type="hidden" value="" name="submitscore")
      //value is fetched from JS
  </code></pre>
  
  <p>JS</p>
  
  <pre><code>scoreForm.submit();
  scoreForm.addEventListener('submit', function(){
      //Nothing here will be invoked
  });
  </code></pre>
  
  <p>However, when using a submit button, it works as intended</p>
  
  <pre><code>form#score-form(method="POST" action="/leaderboard")
      input#submit-score(type="hidden" value="" name="submitscore")
      button(type="submit")
  
  scoreForm.submit();
  scoreForm.addEventListener('submit', function(){
      console.log("works"); //logs works
  });
  </code></pre>
  
  <p>Everything works fine except the fact that it seems that .submit() doesn't invoke onsubmit. Is there any workaround (prefferable with vanilla js), to give the program a hint that the form is submitted, even with .submit()?</p>
  
  <p>Thanks</p>