Проблема при заполнении кода ответа из API в Mozilla Firefox

Question

Я работаю над приложением Laravel, в результате чего оно получает некоторые данные из API и отправляет их на внешний платежный шлюз iframe.Я получаю ответ через AJAX из бэкэнда (сборка на Laravel) и заполняю ответ на некоторых скрытых входах в форме.

Входные данные прекрасно заполняются в Google Chrome и Internet Explorer.В Firefox мне нужно обновить страницу вручную, чтобы динамические входы могли быть записаны на входах формы.

Я хочу реализовать функцию Js, которая проверяет, находится ли пользователь в любой версии браузера Mozilla Firefox., он должен выполнить фоновое обновление страницы (или обновить код ответа), чтобы его можно было заполнить скрытыми вводами.

Пожалуйста, помогите?

//Get the fields from the form via their id
var amount = $('#amount');
var orderID = $('#orderID');
var  orderRef = $('#orderReference');

//AJAX code that post data to the backend and get the response
$.ajax({
        type: 'POST',
        url: 'jengaAPI',
        data: JSON.stringify(type),
        contentType: 'application/json',
        dataType: "json",
        success: function(response){

            //Check for any version of Mozilla firefox
            if(navigator.userAgent.toLowerCase().indexOf('firefox') > -1){
              // Do Page refresh
            }

            //Populating the hidden inputs on the form dynamically which is fine on chrome & IE 
            amount.val(response.amount);
            orderID.val(response.payment_reference);
            orderRef.val(response.payment_reference);

            // console.log(amount.val());
            // console.log(orderRef.val());

            $('#eazzycheckout-payment-form').submit();
        },
        failure: function(errMsg) {
             alert('error');
        }
    });