Tengo un input de tipo button, lo que sucede es que quiero que al darle click se ejecute una function la cual tiene dentro otra function en lenguaje Ajax, pero no se ejecuta nada del codigo al darle click, al menos que mostrara errores pero no lo hace Este es el botón
<input type="button" name="login" id="login" value="Login" class="btn btn-success col-12">
Y este esta es la function que quiero ejecutar
<script>
$(document).ready(function(){
$('#login').click(function(){
var user = ('#user').val();
var pass = ('#pass').val();
if($.trim(user).length > 0 && $.trim(pass).length > 0){
$.ajax({
url:"action.php",
method:"POST",
data:{user:user, pass:pass},
cache:"false",
beforeSend:function(){
$('#login').val("Conectando...");
},
success:function(){
if(data="1"){
$(location).attr('href', './indexUser.php');
} else {
$("#result").html("<div class='alert alert-dismissible alert-danger'><button type='button' class='close' data-dismiss='alert'>×</button><strong>¡Error!</strong> Las credenciales son erroneas.</div>");
}
}
});
};
});
});
</script>
Hice algunas pruebas colocando que se mostrara una alerta al dar click en el botón pero tampoco funcionaba, eso me lleva a pensar que es error de sintaxis, agradecería que me puedan ayudar
Aqui coloco los Scripts que estoy importando, quizás sirvan de algo