点击不使用jQuery的悬停图片

Question

还在学习jQuery，但遇到了一个问题。我有一个“div”，里面有一个图像，可点击。但是，我添加了一个透明图像作为悬停，现在div不能在图像所在的位置点击。有没有办法让悬停可点击？

HTML：

<div class="box">
    <img src="kittens.jpg">
    <img class="hover" src="hover.png">
</div>

JS：

$('.box').hover(
    function() {
        $(this).find('img.hover').show();
    },
    function() {
        $(this).find('img.hover').hide();
    }
);