Using the same preloaded image many times
===

I would like to accomplish the following in javascript:

    var images = {
        'img1' : 'images/img1.png',
        'img2' : 'images/img2.png'
    };

    for (item in images) {
       imagePreload[item] = new Image();
       imagePreload[item].src = images[item];
    }

    //later in code
    $("#divS").append(imagePreload['img1']);
    $("#divS").append(imagePreload['img1']);

    $("#divS").append(imagePreload['img1']);
    $("#divS").append(imagePreload['img1']);

    $("#divS").append(imagePreload['img1']);
    $("#divS").append(imagePreload['img1']);

The above is not the exact code but does get the point across.  I basically want to preload an image one time and have that image available to insert multiple places.  I think it is kind of redundant for the browser to make 50 requests for 50 of the exact same images.