How to Continue sending form after "e. preventDefault();"

Question

I have a code from an animated search bar, but the animation does not work together with sending the survey. I believe it is the "e. preventDefault();" that I am unable to bring the event after the animation:

<form action='/search' method='get'>
<input id="search" type="search" name="q" />
<p></p>
</form>
<script>
var form = $('form'),
search = $('#search');

form.submit(function(e) {
e.preventDefault();

search.addClass('searching').val('');

setTimeout(function() {
    search.removeClass('searching');
}, 3600);
event.currentTarget.submit(); // Com essa linha consigo enviar mas a pesquisa digitada não vai
});

    </script>

Answer 1

In your code is written

event.currentTarget.submit(); // Com essa linha consigo enviar mas a pesquisa digitada não vai

But the problem wouldn’t be this other line here?

search.addClass('searching').val('');

You yourself are passing an empty value to your input, so in your request the parameter is sent empty.

Answer 2

You are setting the empty value with this code line:

search.addClass('searching').val('');

where . val(') refers to the value of the variable referred, i.e., (') = empty.