How to get image on popup on click of that image?

<div class="popup">
    <img src="" alt="" />
</div>

<style>
.popup{
    position:fixed;
    top:10%;
    left: 40%;
    height:400px;
    width: 600px;
    background:color:#fff;
    padding:15px;
    box-shadow: 3px 3px 5px #aaa;
    display: none;
}

.popup img{
    height:100%;
    width:100%;
}
</style>
<script>
$(".yourDiv img").click(function() {
    $(".popup img").attr("src", $(this).attr("src"));
    $(".popup").show();
});
</script>