[Resolvido] Ler array multidimensional que vem de ajax response

$(document).ready(function(){

$('#area').change(function(){
	connect( $(this).val() );
});

function connect(id_area) {
	$.ajax({
 type: "GET",
 url: "frontend/controllers/sub_area.php",
 data: "id_area="+id_area,
 success: function(response){
 callComplete(response);
 },
 dataType: "json"
	});
};

function callComplete(response){

	var put_there = '';

	for(i=0;i<response.length;i++){

 put_there+= '<option value="'+response[i].id_subarea+'">'+response[i].subarea+'</option>';

	}

	$('#subarea').html(put_there);

}

});

Fiz o debug na pagina em PHP e está montando o array normalmente.

Mas na hora de fazer um laço para ler este array no javascript algumas linhas do array estão NULL.

Alguma sugestão please?