[JavaScript][PHP][XML] Stworzenie XML, a później pętla w JS Opcje

[-zasadowy-]

Cześć, zrobiłem sobie w PHP skrypt, który ściągane dane z tabeli i tworzy XML, ale tutaj mam problem, bo struktura mojego XML chyba nie jest odpowiednia:

[XML] pobierz, plaintext 
<countries>
    <country>
        <iso>af</iso>
        <visitors>5</visitors>
    </country>
    <country>
        <iso>ax</iso>
        <visitors>4</visitors>
    </country>
    <country>
        <iso>al</iso>
        <visitors>0</visitors>
    </country>
</countries>
[XML] pobierz, plaintext 

Następnie w JS, powinna być pętla, która leci przez wszystkie kraje po kolei, najpierw pobiera ich ISO, a następnie jeśli np. visitors > 50, to zmienia tło elementu z takim ID jak ma ISO na czarny, jesli visitors < 50, to zmienia na szary. No i nie wiem jak zrobić to tak, aby pętla działała tak jak napisałem. Kombinuję, kombinuję i nic na nic nie mogę wpaść, bo krajów z kodem ISO jest 249, więc najlepiej byłoby to zrobić pętlą, a nie kopiować kod 249 razy i zmieniać iso na af, ax, au, al itd...

[-zasadowy-]

Zrobiłem to z JSON, no i struktura JSON jest

{"iso_countries":[{"country":"af","visitors":"0"},{"country":"ax","visitors":"0"},{"country":"al","visitors":"0"} ... itd ]}

Taki mam kod jak patrzyłem na przykładach rozwiązań z internetu, no i wiem, że nie działa, bo kolor w SVG się nie zmienia, wiecie co jest nie tak?

[PHP] pobierz, plaintext 
$(document).ready(function() 
{ 
	$.getJSON("results.json", function(data) 
	{
		for(var key in json)
		{
			var iso = json[key].country;
			var visitors = json[key].visitors;
 
			if( 50 > visitors > 1)
			{
				document.getElementById("iso").style.fill="#94d31b";
			}
			else if( 500 > visitors > 50)
			{
				document.getElementById("iso").style.fill="#94d31b";
			}
		}	
 
	});
}); 
[PHP] pobierz, plaintext