precarga de imagenes y mostrarlas en un div

[claudiovega]

Hola, estoy haciendo un precarga de imagenes (png de letras) hacia un array, el codigo es asi:

Código:

     var cacheImage = new Image();  //document.createElement('img');
     cacheImage.src = "ruta/letra.png";
     cacheImage.id  = "letra1";
     fonts["arial"] = cacheImage;

En el evento onkeyup busco en el array la letra (el png) y la agrego a un div, asi:

Código:

    //jquery
    $("#divletras").append(fonts[posletra]);

Muestra la imagen de letra en el div, pero si repito la letra, sólo deja la ultima y quita del div la otra.
Ejemplo:

- Si escribo la palabra "cada", escribe: c,a,d, presiono de nuevo a, y escribe, c,d,a.

Esto sin que yo quite la otra a.

¿Cómo puedo solucionar esto?