[RightSeNN]

Мне надо отправить запросы на 3(в будущем на болешее кол.) разных URLа. В ответ получить 3 html странички. Обработать(Получить цену на предмет из каждого URLa) А потом Создать HTML елементы(<div></div>) с этой ценой. Но создаеться только последний елемент(<div>).

$(document).ready(function (){

	for (var i = 0; i < 4; i++) {

	var modal = i;
	var itemhref = ["https://mysite.com/item/1-1-Name1/", "https://mysite.com/item/1-2-Name2/", "https://mysite.com/item/1-3-Name3/"];
	xhr = new XMLHttpRequest();
	xhr.open('GET', itemhref[i], true);
	xhr.send();
	xhr.onreadystatechange = function () {
		if (xhr.readyState == 4)
		{
			if (xhr.responseText)
			{

				var data = xhr.responseText;
				var priceactive = $('.ip-prices', data).children('div').children('span:eq(1)').text();
				var itemname = $('.item-h1', data).children('h1').text();
				var itempriceid = "Price"+ '_' + itemname.replace(/\s/ig, '_');


				//Название + Ссылка
				$('div.wrapper').append('<div class="item_name" align="center"><a id=item_name href="">' + itemname + '</a><br></div>');
				item_name.setAttribute("href", itemhref[modal])

				$('div.wrapper').append('<span class=titlestyle>Price</span><div id=' + itempriceid + '>' + priceactive + '</div>');

			}
		}
	}
	}


});

Пробовал както запихнуть xhr.responseText в масив Data[i] но вообще тогда ничего не работает.
Также думал может надо както задержку между запросами поставить?
Подскажыте пожалуйста.