Отправка нескольких HTML-форм одной кнопкой (JQuery / Ajax)

Question

Я видел много других вопросов, связанных с этой концепцией, однако многие из них предлагают просто использовать JQuery, который я пробовал несколькими способами, но безуспешно. Я никогда не использовал Ajax, и это кажется лучшимспособ обойти это, кто-нибудь может мне помочь с тем, как реализовать это?(Ajax или JQuery или как-то еще.) Ниже приведен код двух форм, которые я использую;После этого будет общая идея Javascript, которую я пытался реализовать, однако я попробовал многие ее варианты.Я пытался использовать тайм-ауты, и такие функции, как warnDefault ();и stopPropagation ();все без удачи ..

<div container="row-fluid">
  <!-- This button appears if there are any items in stock within this warehouse -->
    <div class="span2" style="<?php if($row_pending['Wh'.$row_pending['DefaultWh'].'Net'] > 0){}else{echo "display:none;";}?>">
      <form method="post" name="ATCForm" id="ATCForm1">
        <input id="qtywh1" type="hidden" name="qty" value="">
        <input type="hidden" name="wh" value="<?php echo $row_pending['DefaultWh'];?>">
        <input type="hidden"  name="ot" value="ship">
        <input type="hidden" name="net" value="<?php echo $row_pending['Wh'.$row_pending['DefaultWh'].'Net']; ?>">
        <button class="btn btn-primary btn-ac" name="ATC" id="ATC1" type="submit" onclick="submitBoth()" value="ATC">Add to Cart</button>
      </form>
    </div>
  <!-- This button appears if there are ZERO items in stock within this warehouse -->
    <div class="span2" style="<?php if($row_pending['Wh'.$row_pending['DefaultWh'].'Net'] <= 0){}else{echo "display:none;";}?>">
      <form action="<?php echo $_SERVER['PHP_SELF']; ?>" method="post" name="ATCForm" id="ATCForm1b">
        <input id="qtywh1b" type="hidden" name="qty" value="0">
        <input type="hidden" name="wh" value="<?php echo $row_pending['DefaultWh'];?>">
        <input type="hidden" name="ot" value="backorder">
        <input type="hidden" name="net" value="<?php echo $row_pending['Wh'.$row_pending['DefaultWh'].'Net']; ?>">
        <button class="btn btn-primary btn-bo" name="ATC" id="ATC1b" type="submit" value="ATC">Add to Backorder</button>
      </form>
    </div>
</div><!-- row-fluid -->

Базовая логика JavaScript:

<script>
$(document).ready(function{
  function submitBoth(){
    document.getElementById('ATCForm1').submut();
    document.getElementById('ATCForm1b').submit();
  }
});
</script>