Очистка формы после ajax запроса?

Question

[Artemmmm13]

Нужно создать сущность через форму. Делаю это с помощьюе ajax запроса, если в первый раз создать сущность все работает нормально, но на второй раз код который очищает форму после запроса работает (вперед) кода который отправляет запрос и сохраняет данные и тем самым после первой попытки отправить форму, она отправляется пустой (так я это понял) кто может подсказать что с этим делать ?

$('#create_order').on('beforeSubmit',function(){

        url = '/order/save';

        data = $(this).serialize();

        grid_id = '#orders-list';

        success_popup = $('.popup.success');

        if(data !== null)
        {
            $.ajax({
                url: url,
                data: data,
                type: 'POST',
                dataType: 'json',
                success: function(res)
                {
                    $('.popup.success .popup-success__header').text(function(index,text)
                    {
                        return res.msg;
                    })

                    openPopup(success_popup);

                    $.pjax.defaults.timeout = 3000;

                    $.pjax.reload({container: grid_id});

                    $('#orders-list').on('pjax:end',function(event){
                        let order = $(event.target).find('.order');

                        for(i = 0; i < order.length; i++)
                        {
                            $(order[0]).addClass('new');

                            setTimeout(function(){
                                $(order[0]).removeClass('new');
                            },2000);
                        }
                    });

                },
                error: function(res){
                    if(res !== null)
                    {
                        alert(res.msg);
                    }
                }
            })
        }
        return false;
    });
});