[FRIE]

Есть такой скрипт у меня, который подгружает карточки. Подгружает такое число карточек которое указано на кнопке.
Затея в том чтобы он подгружал их по очереди, сначала полностью одну, затем вторую полностью и так далее.

Но как я вижу он тупо быстро проходит цикл и делает столько запросов на загрузку сколько итераций указано в цикле.

Как бы сделать так чтобы следующая загрузка начиналась только после того как закончится предыдущая?

$('.getbutton').click(function() {
				ob=$(this);
				$(ob).css("background-color","#ccc"); 
				quantity=$(this).attr("title");
				for (var i = 0; i <= quantity; i++) { 
					$.post("scripts/getcontent.php", {quantity:1}, function(data) {
					$("#main").append(data);
					});
				}
				  $(ob).stop().animate({ backgroundColor: "#2979ec"}, 2400);
		});