为什么这样的写法ajax会报错?

<a href="javascrpt:void(0);" class="fuck"></a>
$(function(){
    $(".fuck").on('click', function(){
        $.ajax({
            url : '请求地址',
            type: 'post',
            dataType: 'JSON',
            success: function(data){
                console.dir(data);
            },
            error: function(){
                alert('fuck');
            }
        })
    });
});

为什么这样的点击绑定，ajax直接就error ？？

暂时发现是javascirp:void(0); 导致ajax 出错。。这到底是为什么呢？