Anchor tag is not working in fancybox

Question

I want to logout (redirect to the logout page) when I click on "LOGOUT" .

<div id="emailverification" style="display:none;">
<div style="width: 100%;float:left;background-color: #E4E5EA;">

$(document).ready(function () {
    $("#emailverification").fancybox({
        closeClick: false, // prevents closing when clicking INSIDE fancybox 
        openEffect: 'none',
        closeEffect: 'none',
        closeBtn: false,
        keys: {
            close: null
        },
        helpers: {
            overlay: {
                closeClick: false
            }
            // prevents closing when clicking OUTSIDE fancybox 
        }
    }).trigger("click");
});

Check the html code in JSFIDDLE.

Answer 1

Add this after your script. As stated in the comments fancybox is blocking any element from being clicked inside the pop-up. An alternative is to redirect yourself using this script.

$('#emailverification a[href=logout]').click(function (e) {
    location.href = this.href;
});

Answer 2

Try this code:

$(document).ready(function() {
            $("#emailverification").fancybox({
             closeClick  : false, // prevents closing when clicking INSIDE fancybox 
             openEffect  : 'none',
             closeEffect : 'none',             
             closeBtn : false,             
//             keys : {
//                close  : null
//             },
             helpers   : { 
              overlay : {closeClick: false} // prevents closing when clicking OUTSIDE fancybox 
             }
            }).trigger("click");
    $('#logout').click(function(){
        window.location="http://www.example.com/";
    })
        });