Simple javascript helper to find link element in block and follow link on click

clickable.js

function clickableBlock() {

  // Each element with data-clickable is searched for an link and onclick
  // the link is followed
  $("[data-clickable]").each(function(){
    var $this = $(this),
        link = $this.find("a").attr("href");
    if(link) {
      $this.click(function(){
        window.location = link;
      });
    }
  });
}

Usage:

<div class="block" data-clickable>
  <h2>Random other stuff</h2>
  <p>Text as well. This entire block is clickable</p>
  <a href="yes.html">Follow me</a>
</div>