Tenho um formulário simples e estou fazendo o envio dele para o controller pelo Ajax, mas o meu problema é que após clicar no botão de submit ele não chama a requisição Ajax no meu Jquery e já encaminha direto para este erro.
[![Erro ao dar submit no formulário][1]][1]


  [1]: https://i.sstatic.net/kSqPL.png

Eu tenho um outro controller e copiei tudo o processo mudando apenas os inputs e os campos

**Código javascript que o sistema deveria passar após o submite**
<code>
 jQuery("#formRecebimento").submit(function(){
            var dados = jQuery( this ).serialize();            
            jQuery.ajax({
                type: 'post',
                url: 'recebimentos/cadastrar',
                data: dados,
                beforeSend: function(xhr){xhr.setRequestHeader('X-CSRF-TOKEN', $("#token").attr('content'));},                
                success: function(data) {
                    if($.isEmptyObject(data.error)){
                        alert(data.id);                        
                        $('#modalAddCliente').modal('hide');

                    }else{
                        printErrorMsg(data.error);
                    }
                }
                

            });
            
            return false;
    });
</code>

Mas ele nem chega nessa parte do código!

**PS: EM OUTRO CONTROLLER EU MONTEI DA MESMA FORMA E FUNCIONOU CORRETAMENTE**