$(document).ready(function(){ 

        $(function() {
            // make the cursor over <li> element to be a pointer instead of default
            $('li.clickable').css('cursor', 'pointer')
            // iterate through all <li> elements with CSS class = "clickable"
            // and bind onclick event to each of them
            .click(function() {
                // when user clicks this <li> element, redirect it to the page
                // to where the fist child <a> element points
                window.location = $('a', this).attr('href');
                });
            });


        //make entire side menu div clickable
        $("#menu li").click(function(){
            window.location=$(this).find("a").attr("href"); return false;
            });


});