Как сверстать форму оплаты через Робокассу?

Всем доброго времени суток! Реализую сейчас на сайте возможность оплаты услуг через платежный сервис Робокасса. Сверстал форму на сайте. Принцип её работы следующий: AJAX запросом данные отправляются из формы в PHP скрипт, который их обрабатывает и формирует контрольную сумму, затем она подставляется в скрытое поле в форме и это всё отправляется POST запросом на адрес Робокассы, где человек уже совершает покупку.

Сделал, всё работает как надо, за исключением одной мелочи - JS скрипт не отправляет данные из формы по её адресу через submit(). Выглядит этот код так:

$(document).ready( function () {
   $('.form-payment').on('submit', function (e) {
     e.preventDefault();
     $.ajax({
       type: "POST",
       url: "/scripts-php/payment.php",
       data: {
         Shp_name: $('.form-payment input[name="Shp_name"]').val(),
         OutSum: $('.form-payment input[name="OutSum"]').val()
       },
       success: function (data) {
         data = JSON.parse(data);
         $('.form-payment input[name="MerchantLogin"]').val(data[0]);
         $('.form-payment input[name="Receipt"]').val(data[1]);
         $('.form-payment input[name="SignatureValue"]').val(data[2]);
         $('.form-payment').submit();
       }
     })
   })
 })

Как можно это исправить и заставить работать как надо? Или может стоить реализовать это как-то совсем по-другому?