Не работает обработчик закрытия lightbox

$(document).ready(function (){    
   $('.lightbox_trigger').click(function(e) { 
        e.preventDefault(); 
        var image_href = $(this).attr("href"); 
 
        if ($('#lightbox').length > 0) { 
 
            $('.wrap').html('<img src="' + image_href + '" />'); 
 
            $('#lightbox').show(); 
        } 
 
        else {  
            var lightbox =  
            '<div id="lightbox">' + 
                                    '<div class="wrap">' + 
                    '<img src="' + image_href +'" />' + 
                        '</div>'+ '<button id="close">Закрыть</button>' + 
            '</div>'; 
 
            $('body').append(lightbox); 
        } 
 
    }); 
    $(document).on('click','#close', function(){ 
        console.log(true); 
        $('#lightbox').hide(); 
    }); 
});

.lightbox_trigger{ 
    height: 100px; 
    width: 100px; 
    background-color: gray; 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
<div class="lightbox_trigger"> 
     
</div>