Sticky Navigation Issue

Hello

I’ve been trying for hours now to include a sticky navigation, as per this tutorial:
http://webdesign.tutsplus.com/tutorials/javascript-tutorials/create-a-sticky-navigation-header-using-jquery-waypoints/

I’ve followed all the steps and have everything in place — css, JavaScript, etc. — however the navigation doesn’t ‘stick’.

The navigation itself shows, and does stick if I manually change the id to sticky, but it won’t do it on its own as needed.

I’ve copied all the coding onto a test html page, and the navigation sticks as it should, so I’m thinking this has something to do with how WordPress treats JavaScript, but I honestly know very little about the topic, so I’m fairly clueless — I’m basically a copy-and-paster when it comes to JavaScript.

Any ideas on how I can fix the issue? Here’s the page I’m working on:
http://natureswonderland.com.au/wwoof/

Thanks in advance.

– Natasha