//FIRST ARRAY OF DATA FROM SERVER: arrayOne = A:1,B:2,C:3.
//SECOND ARRAY OF DATA FROM SERVER: arrayOne = A:4,B:5,C:6.

//ajax success call back:

function (data) {

	console.log(data.arrayOne);
	console.log(data.arrayOne.length)


	var i = data.arrayOne.length - 1;
	console.log(i)

	var varParent = $('<div>',{'class':'parent'}).appendTo('body');
	var varA = $('<h1>',{'class':'columns a','text':data.arrayOne[i].A}).appendTo('.parent');
	var varB = $('<h1>',{'class':'columns b','text':data.arrayOne[i].B}).appendTo('.parent');
	var varC = $('<h1>',{'class':'columns c','text':data.arrayOne[i].C}).appendTo('.parent');

}

//FIRST CALL RETURNS: "123" appended as expected
//SECOND CALL RETURNS: "123456456" appended (expected output = 123456).
//(varParent div from the first call has "123456" in it, varParent div from second call has "456" in it).