how to redirect to Hyperlink present in div

Question

How do I make an entire div as hyperlink with the same URL as <a> inside this div? My jQuery is probably wrong.

<div>
   <a href="some-url"></a>
</div>

var $href = $('div > a').attr('href');
$('div').on('click', function(event) {
        $(this).location.href=$href;
})

Answer 1

Try invoke the child anchor's click while user clicking on the div,

$('div').on('click', function(event) { 
    $(this).children('a')[0].click(); 
});

DEMO

Note: we did not use $(this).children('a').click() because this wont invoke the natural click of that anchor tag.

Answer 2

Use window.location to redirect the page

$('div').on('click', function(event) {

       $href =  $(this).find("a").attr('href');

        window.location.href= $href;
});

Answer 3

Use jquery:

$('div').click(function(event) {
       var href =  $(this).find("a").attr('href');
        window.location.href=href;
});

add css for pointer:

div{cursor:pointer}

UPDATED DEMO