How to get action to execute onclick

How to get action to execute onclick

I've added a "Help Tour" link to the top of my page. So, when somebody
clicks it, I call guiders.show('first');
So, to get this to work I've tried:
Code snippit from index
<div class="click"><a href="#">Launch LeapFM Mini tutorial'</a></div>
Code snippit from guiders.js.coffee
$('.click').click.guiders.show('first');
guiders.createGuider({
buttons: [{ name: 'Next' }]
, description: 'Follow this short 7 tip tutorial and learn how to get the
most out of Leap. It will only take a few minutes :)'
, id: 'first'
, next: 'second'
, overlay: true
, title: 'Welcome to LeapFM! Mini Tutorial:'
}).show();
But when I click the link to the tutorial it doesn't start the tutorial.
I have a feeling it's a simple error with this line here:
$('.click').click.guiders.show('first');
Albeit, after messing around with it for quite a bit, I can't seem to spot
it.