hyperlink - CSS circular menu <a href> -

i want add links circularmenu found on https://jsfiddle.net/zv5dr670/4/.

<a href="http://www.google.com" target="_blank">   <li>     <input id='1' type='checkbox'>     <label for='1'>option 1</label>   </li> </a> 

the link displayed in browser status bar, dooesn't react on click. don't work css in school now, html. can me?

you add custom attribute li element follows

<li class='link' data-url='https://jsfiddle.net'>   <input id='c1' type='checkbox'/>   <label for='c1'>menu 1</label> </li> 

then jquery can bind link class' click event this:

$('li.link').click(function(e) {     window.location=$(this).attr('data-url'); });