Variable Global ?

Bonjour, voici un bout de code :

$(document).ready(function(){
 
    loaded = 0;
    $count = 0;
    $count = $("img").length;
    $container = $("<div/>").attr("id", "hide");
     
    $container.appendTo($("body"));
    $("img").each(function(){
        $("<img/>")
            .attr("src", $(this).attr("src"))
            .on("load error", function(){
                loaded++;
                alert(loaded); // retourne 4
            })
            .appendTo($container)
    });
     
    alert(loaded); // retourne 0
    /*
    if($count == $loaded){
        setTimeout(function(){
            $("#container").remove();
        }, 500);
    };
    */
     
 
});

Mon problème, pourquoi ma 2° alerte ne retourne pas 4 ?

Merci d'avance. :)