使用JS或jQuery一次在一个页面上提交两个HTML表单？

Question

我在一个页面上有两个HTML表单。我正在将数据从第一个表单#MemberForm复制到另一个表单，该表单在最后#InvisibleForm中无法显示。我似乎无法让这两种表格同时提交。

首先，当我点击提交时，我有一些jQuery将数据从第一种形式复制到第二种形式：

$(function() {
  $('#catupdatedetailsformbutton').click(function() {
    var form1 = $('#MemberForm').find(':input');
    var form2 = $('#InvisibleForm');
    form1.each(function() {
      var $t = $(this);
      form2.find('[name="' + $t.attr('name') + '"]').val($t.val());
    });
  });
});

我不知道如何使用任何jQuery提交两个表单，但我写了一些不起作用的JS。我已经在jQuery之后使用onclick="submitForms()"在提交按钮中放置了它，但它没有提交两个表单。

submitForms = function() {
  document.getElementById("MemberForm").submit();
  document.getElementById("InvisibleForm").submit();
}

我错过了什么吗？有人能指出我正确的方向吗？我以前从未尝试过这样的事情！