Jquery Eş Zamanlı Post Sorunu

Fonksiyonun içinde post işlemi yapıyorum ve bunları farklı butonlarla çağırıyorum. Aynı anda iki defa A butonuna bir defada B butonuna basınca 3 post işlemini gerçekleştiriyor ve sırayla yapıyor fakat aynı anda bastığımda sadece en son post işleminin gitmesini istiyorum yani en son bastığım butonun postu işlemde olacak diğerilerini iptal edecek. Örnek kodu aşağıya bırakıyorum

$('#magaza').click(function(e) {
  e.preventDefault();
  tabloDoldur(2);
});

$('#yonetici').click(function(e) {
  e.preventDefault();
  tabloDoldur(1);
});

function tabloDoldur(id) {
while($("tr").is("#tbl"))
  $("#tbl").remove();

$.post("inc/tbody.php", {id: id}, function(result){
  $("tbody").html(result);
});
}

e.preventDefault(); kullandım fakat istediğim sonucu elde edemedim.

$(document).ready(function(){
$('#button1').click(function(){
$('#button1,#button2').prop('disabled',true);
setTimeout(function(){
// enable click after 0.5 second
$('#button1,#button2').prop('disabled',false);
},500); // 0.5 second delay
});
});

butona basıldıktan sonra kısa süreliğine
butonları disable yaparak çözebilirsiniz.

Öncelikle değerli yorumun için teşekkür ederim. İstediğim şeyi araştırmayla bulabildim.

e.stopImmediatePropagation();

e.preventDefault(); bundan sonra ekleyince çözülüyor.