Ajax submit spinner not working

My decision.
Place the preloader in the form or whatever method you have.
And just by pressing the button for submitting the form. We need to get our preloader to activate.

My form

<div class="glsr-form-wrap">
	<form class="{{ class }}" method="post" enctype="multipart/form-data">
		{{ fields }}
		{{ response }}
		{{ submit_button }}
		<div class="preloader"></div>
	</form>
</div>

My Query code

// REVIEWS PLUGIN
    $(".glsr-review-form button").on("click", function () {
        $(this).closest("form").addClass("active-sent");
    });

My style

.active-sent .preloader{
display: block
}

add CODE in functions.php

add_filter('site-reviews/enqueue/public/inline-script/after', function ($javascript) {
	return $javascript."
    GLSR.Event.on('site-reviews/form/handle', function (response, formEl) {        
        formEl.classList.remove('active-sent');
    });";
});