evento click su un div overlay

[feed90]

Salve a tutti,
ho creato un div mediante jquery che si apre quando premo il bottone il cui id è messaggi:

$(document).ready(function() {
    var show = true;
    var overlay = jQuery('<div id="overlay"> <?php include "msg/messaggi.php" ?> </div>');
     $("#messaggi").click(function(){
        
        if (show==true)
        {                    
            overlay.appendTo(document.body);
            show=false;
        }
        else
        {
            show=true;
            overlay.remove();
        }        
    });    


});

all'interno del file incluso mediante php nel div "overlay" si creano ulteriori div a cui ho associato la classe "messaggi" . Voglio ottenere l'id di questi mediante jquery quando clicco su di essi. l'intero codice,che non capisco perchè non funzioni, diventa allora:

$(document).ready(function() {    var show = true;
    var overlay = jQuery('<div id="overlay"> <?php include "msg/messaggi.php" ?> </div>');
     $("#messaggi").click(function(){
        
        if (show==true)
        {                    
            overlay.appendTo(document.body);
            show=false;
        }
        else
        {
            show=true;
            overlay.remove();
        }        
    });    
        $(".messaggi").click(function(){
             var recupero_id = $(this).attr("id"); 
             alert(recupero_id);
    });


});

riuscite a spiegarmi perchè non si riesce proprio a cliccare sul div .messaggi? grazie