title: how to set few forms in CF7 to submit with one click and no reload?
body: <p>i got a page i want to contain the same form 10 times, and at the bottom one button to send all of them instantly with no reload between them.
  im doing so because i need it to create 10 new rows in the DB instead of one line, since its 10 different enteries.</p>
  
  <p>so my solution for that was to have duplication's of the form and just submit them with one click.</p>
  
  <p>now im encountering an issue, because im trying to submit them using JS but for example it only submits the last one and reloads the page.</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>&lt;script&gt;       
      function send() {
          document.getElementById("form-1").submit(); 
          document.getElementById("form-2").submit();   
          document.getElementById("form-3").submit();
      }   
  &lt;/script&gt;</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;button id="submit-all" name="submit-all" onclick="send()"&gt;send them all!&lt;/button&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>with this code, the issue is that only the last form is being submitted and that it refreshes the page.</p>
  
  <p>any idea how to fix it? 
  or maybe, any idea how to approach my original issue that i need a form to create few rows if possible?</p>
  
  <p>Thank you.</p>