title: Submitting form & preventing default action doesn't work
body: <p>Imagine you have a form and the submit button which are placed in separate places, so that the submit button is not inside form tag. I need to submit the form without reloading the whole page.</p>
  
  <p>I got is like this:</p>
  
  <pre><code>&lt;form id="myForm" @submit.prevent="doSomething()"&gt;...&lt;/form&gt;
  &lt;button @click="submitMyForm()"&gt;&lt;/button&gt;
  </code></pre>
  
  <p>And the methods:</p>
  
  <pre><code>methods: {
      submitMyForm() {
          $('#myForm').submit();
      },
  
      doSomething() {
          console.log('do something');
      }
  }
  </code></pre>
  
  <p>But I got the form submitted anyway. 
  So how to submit the form when the button is outside the form? </p>