把DIV变成能点击的链接

近段时间以来，我正在Techlomedia Gadgets（由我自己开发的小工具研究平台）上面做一些修改。我想在上面添加几个带有文本内容的盒子。点击这个盒子会打开一个链接。这只能靠把整个DIV变成一个可以点击的链接来实现。
DIV如下：

<div class="featured">
    <a class="link" href="http://www.jpwzwz.com/">目标页面</a>
</div>

<style type="text/css">
.featured {
    position: relative;
    width: 300px;
    height: 200px;
    background: #eaeaea;
    color: #000;
    padding: 10px;    
}
 
.featrued:hover {
    cursor: hand;
    opacity: .9;
}
 
a.link {
    position: absolute;
    top: 0; 
    left: 0;
    width: 100%;
    height: 100%;
    text-decoration: none;
    z-index: 10;
}
</style>

$(document).ready(function () {
        
    $(".featured").click(function(){
        window.location = $(this).find("a:first").attr("href");
        return false;
    });
});