Mobile cannot click icon class, JQuery link

I want to click the icon (or text) and trigger the code. Everything works perfectly on a large screen/computer, however in mobile I cannot click the text or the icon to trigger the code.

<a href = "#" data-toggle="tooltip" title = "Work" id = "work">

&nbsp;test
<i class = "fa fa-file-text fa-3x footer animated fadeIn"></i>

</a>

$(function(){
        initializeTransitions();
});

function initializeTransitions(){
        $("#work").click(workTransition);
}

function workTransition(){
        alert("A");
}

I can click a href tag such as

<a href = "google.com">google</a>

Everything is properly linked and it works normally without errors, yet on Mobile it allows zooming in and out, but not clicking on the icon.

Thanks!