Tenho um código de uma barra de pesquisa animada, porém a animação não funciona junto com o envio da pesquisa. Acredito que seja o "e.preventDefault();" que não estou conseguindo trazer o evento depois após a animação:
<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>