Oggetti javascript e jquery appendTo

[Tote]

Ciao, ho un problema nella rappresentazione di immagini che cerco di precaricare tramite jquery.

Ho un oggetto Foto in javascript. Poi in un array creo due oggetti Foto nuovi e nella posizione 2 copio l'oggetto creato in 0.

Quando vado a visualizzarli faccendo un appendTo non mi mostra la foto 0 dell'array.
E' come se venisse spostata perchè è stata copiata nella posizione 2.
L'errore stà nel modo in cui visualizzo la foto?

Grazie se qualcuno sa spiegarmi
Metto qui sotto il codice.

        <script type="text/javascript">
            
         var arFoto = new Array();
         var numFoto = 0;
         
         function Foto(filename)
         {
             this.name = filename;
             this.loaded = false;
             this.photo = this.loadPhoto(); 
         }
         
         Foto.prototype.loadPhoto = function()
         {
            var retPhoto =  $("<img>").attr("src", this.name).bind("load", function(event) {
                realPhotoLL++;
                loadedFoto($(this).attr("src"));
                updateLog();

             });
             
             return retPhoto;
         }
        
         $(function() {
      
            
           arFoto[numFoto++] = new Foto("./multimedia/middle/thumb_middle_4_1362143945.jpg");
           arFoto[numFoto++] = new Foto("./multimedia/middle/thumb_middle_424_1362143934.jpg");
           arFoto[numFoto++] = arFoto[0];
                    
                  for(x = 0; x < arFoto.length; x++)
                      {
                          $("[*]").html(arFoto[x].photo).appendTo("#ff");
                      }
                    
        });
        
        </script>

        <ul id="ff">           [/list]

[Tote]

Ho risolto modificando il modo in cui vado a visualizzare le immagini. Ho aggiunto un clone() prima dell'AppendTo()

 $("[*]").html(arFoto[x].photo).clone().appendTo("#ff");