načítáním do objektu Image pomocí jQuery funguje náhodně

Mám skript:

var nick = chat_jmeno + '.gif';
img = new Image();
img.src = nick;
if (img.height != 0) {
$('#avatar').attr ('src', nick);
}

který mění obrázek na stránce <img id="avatar src="picture.gif">, ale ono to funguje v prohlížečích jen někdy. Například, při prvním načtení se obrázek nezmění a po aktualizaci stránky ano, ale také jen někdy.
Mám pocit jakoby byl problém s rychlostí načítání obrázků do objektu nebo s keší, ale nevim. Firebug console ve Firefoxu nezobrazuje žádnou chybu, jen Chrome vývojářská konzole zobrazí toto:

Resource interpreted as Image but transferred with MIME type text/html: "http://addres...".

Nemáte někdo ponětí, v čem by mohla být chyba nebo jak na to jít jinak?

Díky. Zkusil jsem to takhle:

var nick = chat_jmeno + '.gif';
img = new Image();
img.src = nick;
img.onload = function() {
if (img.height != 0) {
$('#avatar_form').attr ('src', nick);
}
}

a funguje to pokud takhle měním src jednoho obrázku. Ale jakmile to mám ve smyčce $each(...), tak se mi výměna neprovede!?

Došlo mi, že hláška o chybném MIME s tímhle problémem nesouvisí.

wtf: chyba s uvozovkou vznikla při přepisu

pcmanik: v té smyčce je mnoho věcí, nesouvisející s tímhle. V té podmínce ověřuju, jestli výška objektu img není nula, ale pak mu nic znovu nepřiřazuju, zdroj přiřazuju objektu $('#avatar') nebo se mýlím?

A v tom možná bude problém, že sice ošetřuju načtení obrázku do img, ale ne do $('#avatar'). Škoda, že nejde udělat něco jako $('#avatar').src = img.src.