jQuery モーダル画面

以下はCSS
#graydisplay {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
max-width: 100%;
height: 100%;
background: rgba(0,0,0,0.45);
}
#graydisplay img {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
max-width: 90%;
max-height: 90%;
}

以下はjQuery
$(function(){
$("#main img").click(function() {
$("#graydisplay").html($(this).prop('outerHTML'));
$("#graydisplay").fadeIn(200);
});
$("#graydisplay, #graydisplay img").click(function() {
$("#graydisplay").fadeOut(200);
});
});