jQuery .tap event not working

jQuery .tap event not working

I can't figure out why the jQuery tap event isn't even getting a respond
when I test it. I put in an alert and I haven't gotten it to pop up at
all. My code looks like this:
var calendarOpen = false;
$('.calendar').on("tap", function () {
alert('1');
if (calendarOpen == false) {
$('.login-body').animate({left: '90%'}, 300);
$('.calendar-body').animate({right: '10%'}, 300);
calendarOpen = true;
} else {
$('.login-body').animate({left: '0px'}, 300);
$('.calendar-body').animate({right: '50%'}, 300);
calendarOpen = false;
}
});
I have the script and css pages attached and I've checked for any typos. I
copied the jQuery documentation and I'm still having problems. Thanks for
the help.