Qualé a lógica do sistema ?

Tava quebrando cabeça pra fazer uma requisição em ajax, toda vez que enviava por POST um formulário ele não me retornava. Ele sempre atualizava a pagina.

$("#btn_atualizar").click(function () {

 var adiciona = $("#adiciona").val();
 var retira = $("#retira").val();
 var produto_id = $("#produto_id").val();
 var usuario_id = $("#usuario_id").val();
 var qtd_atual = $("#qtd_atual").val();
 var tecnico = $("#tecnico").val();

 $.ajax({
 url: 'teste_resultado.php',
 type: 'post',
 data: {'adiciona': adiciona,
 'retira': retira,
 'produto': produto_id,
 'usuario': usuario_id,
 'qtd_atual': qtd_atual,
 'tecnico': tecnico
 },
 success: function (data) {
 $('.form_estoque').html(data);
 },
 beforeSend: function () {
 $('.loader').css({display: "block"});
 },
 complete: function () {
 $('.loader').css({display: "none"});
 $(".btn_atualizar").css({display: "block"});
 }
 });

 window.location = "http://localhost/estoque/form_estoque.php#conteudo";
 });
Depois de um tempo descobrir que o erro estava acontecendo, porque era num <button></button> Que eu estava clicando, e se eu fizer um .click em qualquer <div> qualquer <ul> qualquer <h1>, ele retornar o resultado.

 

Que raios o <button> tem contra o Ajax ?