Как сделать кликабельные блоки (используем jquery)

Статья в помощь хорошему верстальщику. Каждый хороший верстальщик знает, тег <a> - строчный элемент, в него во внутрь можно вложить только строчный элемент, но частенько в макете дизайна необходимо сверстать так чтобы блоки были кликабельны (к примеру, "блок с аннотациями новостей").

Какой предпринять выход из этой ситуации?

HTML

<div class="post">
     <a href="#">Заголовок новости</a>
     <p>немного текста аннотиции, немного текста аннотиции.</p>
</div>

JQUERY
$(document).ready(function(){
    $('.post').click(function(){
        window.location=$(this).find('a').attr('href');
        return false;
    })
});

P.S. А рыбка тут к тому, что "Без труда не выловишь и рыбку из пруда )"