Make entire "block" clickable

block.html

<article class="my-element">
	<h1>Article Title</h1>
	<p>Teaser text lorem ipsum.</p>
	<a href="full-article.html">Read More</a>
</article>

clickable-block.js

// make an entire "block" of content clickable with jQuery.

$('.my-element').each(function() {
  if ($(this).find('a').length !== 0) {
    $(this).hover(
      function(){
        $(this).css({'cursor': 'pointer'});
      },    
      function(){
        $(this).css({'cursor': 'default'});
      }
    )
    .click(function(){
      window.location = $('a', $(this)).attr('href');
    });
  }
});