Очистка входных данных формы в AJAX Promise

Желая очистить форму, я обозначил ее как «модальную форму» в момент обещания в вызове AJAX. Прямо сейчас форма остается заполненной, и клиент вводит ее в форму после нажатия кнопки «Отправить». Мы будем очень благодарны за любую информацию, которую вы можете предоставить! Спасибо!

$(".submit-button").click(function(event) {
    event.preventDefault();
    $.ajax("/post", {
        type: "POST",
        data: {
            name: $("input[type=text][name=firstname]" ).val(),
            message: $(".post").val(),
            articleId: $("#modal-headline").attr("value"),
        }
    }).then(function (response) {
        $("#modal-form").reset();
        console.info(response);
    }).catch(function (error) {
        console.info(error);
    })
});