problema con dom y una acción después de este

[ie8]

Hola, tengo el siguiente script

Código:

  document.getElementById("cargando").className = "cargandor-ver";
   $(window).load(function () {
        for(contador=0;contador<55;contador++) {        
             $.post("cuenta.php", { c: contador },
                function(data) {
                    $("textarea#contador").val( $("textarea#contador").val()+data);
                }
            );
        }
        document.getElementById("cargando").className = "cargando-no-ver";
    });

El problema es que la ultima linea se ejecuta antes de que el proceso que se trabaja con el for se haya acabado, luego el cargando no se ve. La idea es que el cargando desaparezca cuando el procesamiento del for haya acabado. Alguna idea?
Thanks

[Shirak2]

Código Javascript:

for(contador=0;contador<55;contador++) {        
    $.post("cuenta.php", { c: contador },
        function(data) {
            $("textarea#contador").val( $("textarea#contador").val()+data);
 
            // si es la última vuelta del for
            if (contador === 54) {
                document.getElementById("cargando").className = "cargando-no-ver";
            }
        }
    );
}
 

[ie8]

Gracias por la ayuda Shirak2, has propuesto una solución para hacer el "apaño", no te lo tomes a mal. Funciona perfectamente, pero seguro que debe de haber alguna forma de evitarme en cada iteraccion del bucle esa comprobación.

De todas formas se agradece.