jquery accedere all'attributo id degli oggetti di una classe css

[guidino]

Ciao a tutti,
ho bisogno dell'aiuto di qualche esperto.

Ho un problema che non riesco a superare

nella sezione javascript della mia pagina html ho messo il seguente jquery per accedere all'attributo id dell'oggetto con classe test su cui faccio click.

funziona sugli oggetti con classe test che si trovano nella pagina in fase di caricamento !


Se dopo il caricamento della pagina aggiungo un altro oggetto con la mina funzione nuovo() (un'immagine per esempio) e assegno a questa la stessa classe test con un nuovo id progressivo, su questi oggetti (che vedo nella pagina) non ho più l'alert sull'attributo id (non aggancia più $(".test").click(function .... )


questo è il codice del $(document).ready(function()

    $(document).ready(function(){
          
          
         $(".test").click(function() {
                  var $this = $(this);
                  idOggettoSelezionato = $this.attr("id");
                  alert (idOggettoSelezionato);
           });        

    }); 

e questo è il codice js con cui aggiungo al dom un nuovo oggetto con classe test

// risorsa è il nome del file immagine completo di path
// l'immagine viene inserita nel contenitore con il suo nuovo id
// nuovoId è una variabile inizializzata fuori 
function nuovo(risorsa)
{
       
      var area="#contenitore";
      
      // incrementa id prima di assegnarlo id al nuovo oggetto
      nuovoId++;
      risorsa = "<img src=\""+ risorsa + "\" />";
      oggetto ="<div class=\"test\" id=\"" + nuovoId +"\">" + risorsa + "</div>";
      $(area).append(oggetto);
      
      //$(oggetto).appendTo('body');    // ho provato anche con questo
      
        
} 

ho incluso questa libreria jquery

<script src="jquery-1.7.2.min.js" type="text/javascript"></script>

qualcuno può aiutarmi?