préchargeur d'images en jquery

Question

J'ai ce code mais je ne sais pas ce qu'il faut faire ensuite

var toBeInsertedToAS = "";

for(j=1;j<=10;j++)
{
    $('<img />')
    .attr('src','imgUrl_'+j+'.png')
    .load(function(){                
        toBeInsertedToAS += $(this).attr('src')+"|";                          
    });
    theSetDataCount++;
}    
alert(toBeInsertedToAS);

Je veux juste avoir cette sortie

imgUrl_1.png|imgUrl_2.png|imgUrl_3.png|etc...

mais d'après ce que je vois, après la boucle, il n'y a pas de sortie peut-être parce qu'il passe à alert(toBeInsertedToAS) sans charger complètement les images je veux juste charger complètement les images avant d'exécuter l'alerte