AJAX não executa função

Tenho uma requisição em ajax!

O que está acontecendo de errado pois não estou sendo redirecionado na funçao que estou executando no php pelo ajax.

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<script type="text/javascript">

 //EFETUAR LOGIN
 function efetuarLogin() {

 var usuarioAcesso = $("#usuarioAcesso").val();
 var senhaAcesso = $("#senhaAcesso").val();
 var botao_acao = $("#tipo_login").val();

 $.ajax({

 type: "POST",

 url: "envia_assinatura.php",

 data: {'usuarioAcesso':usuarioAcesso,'senhaAcesso':senhaAcesso,'botao_acao':botao_acao},

 dataType: "json",
 success: function(json){

 alert('teste');
 }
 });

 };

</script>

 <div style="width:400px; float:left;">

 <input type="text" name="usuarioAcesso" id="usuarioAcesso">
 <input type="password" name="senhaAcesso" id="senhaAcesso">
 <input type="submit" name="botao_login" id="botao_login" value="Login">
 <input type="hidden" name="tipo_login" id="tipo_login" value="login">
 <button class="btn-success" type="submit" onclick="efetuarLogin()" >LOGIN</button>
 </div>

	 

	A página "envia_assinatura.php"

	É um header para retornar a uma página:

<?php

header("location: teste");

?>