Публикация двух форм одновременно с использованием Ajax / jQuery

Question

У меня есть форма, которая публикует в post.php, и форма, которая публикует в Paypal. Я хочу, чтобы, когда я нажимал на кнопку отправки Paypal, он отправлял обе формы и переходил на страницу, на которой вас могла бы нажать кнопка Paypal.

Однако я наткнулся на стену с этим, и я не уверен, в чем причина. Форма переходит на страницу Paypal в порядке, но не отправляет мою другую, не PayPal форму.

Вот мой JS: http://slexy.org/view/s2u2Jsr2RI

Вот мой HTML: http://slexy.org/view/s2gc4q8CHe

Вот мой post.php: http://slexy.org/view/s208WfbKso

Вот строки jQuery, которые, как я считаю, являются корнем проблемы:

$('#paypalButton').click(function(){
     $.post('post.php', $('#myForm').serialize(), function(){
               $('#paypal').submit();
    });
});

Answer 1

Форма PayPal отправляется первой, потому что у вас есть поле ввода как type="image". Это действует как кнопка отправки

Answer 2

Это работает: просто предотвратите действие по умолчанию для отправки формы.

$(function(){
    $('#paypalButton').click(function(**event**){
        **event.preventDefault();** 
         $.post('post.php', $('#myForm').serialize(), function(){
               $('#paypal').submit();
         });
    });
});