href not working in my template code there account setting pics when clicked it shows logout as follows

<a href="#" title=""><i class="ti-power-off"></i>log out</a>

js file

    $('.user-img').on('click', function () {
    $('.user-setting').toggleClass("active");
    return false;
});

css file

.user-setting.active {
opacity: 1;
visibility: visible;

}

.user-setting {
background: #fff none repeat scroll 0 0;
border-radius: 0 0 3px 3px;
position: absolute;
left: -15px;
text-align: left;
top: 100%;
width: 150px;
opacity: 0;
visibility: hidden;
line-height: initial;
border: 1px solid #e1e8ed;

}