Opožděné "viditelné" odebrání elementu ze stránky

Dobrý den,
již tři hodiny hledám zdroj problému. Nastíním praktickou stránku.

- ve stránce se nachází panel, v němž dynamicky zobrazuji určitá data (z důvodu aktuálnosti jsou data načítána z databáze)
- při požadavku na refresh dat spouštím následující operace v tomto sledu:

1. v daném panelu zobrazím ikonu načítání (loading)
2. odešlu ajaxový požadavek
3. obdržím data z databáze (dejme tomu 500 řádků záznamu)
4. odeberu ikonu loadingu ze stránky (zde je onen problém - viditelné odebrání neproběhne hned, ale až po skončení operace v bodě 5)
5. spustím metodu, která na základě obdržených dat z databáze vytvoří příslušný html kód (např. tabulku s výpisem řádků)

Problémem je tedy to, že byť se v kódu operace skrytí ikony loadingu (4) nachází před operací vytváření html obsahu (5), provede se až po dokončení operací v bodě 5. Jinými slovy operace v bodě 5 trvá např. jednu vteřinu, k viditelnému skrytí dojde až po této době. Zajímavé je také to, že pokud dám v debugeru zarážku do bodů 4 a 5, pak k (viditelnému i fyzickému) odebrání dojde. Navíc, dám-li si v konzoli vypsat parentNode dané ikony před jejím odebráním a po jejím odebrání (těsně před a za bod č. 4), pak nejprve vlastnost parentNode existuje a posléze již ne, což je v pořádku (toto spouštím již bez zarážek v debugeru)!

Z toho mi vyplývá, že se jedná pouze o grafické zpoždění ve vykreslování při náročném cyklu. Na internetu jsem řešení podobného problému nenašel. Dá se toto nějak vyřešit?

Problém řeším ve větším projektu, pro ilustraci jsem však vytvořil tento speciální případ:

Ukázka "nežádoucího" chování - po každém spuštění je třeba obnovit stránku!

Reaguji na Chamurappiho:
Díky, pomohlo.