Jquery conflict, trying to use sticky.js in header, responsive theme

I am trying to use sticky.js with my wordpress site. I’ve successfully added then via the provide function in the functions file and they show up in my header as they should. My problem is getting the snipet of code that came with sticky.js to run:

<script>
  $(document).ready(function(){
    $("#sticker").sticky({topSpacing:0});
  });
</script>

I put this code at the bottom of my header section in header.php.
I replaced #sticker with #nav-inner-wrapper because that is the div that I want to be fixed to the top of the page once a user scrolls to that point like the buttons on the creator’s site:

labs.anthonygarand.com/sticky

Here is the site I’m working on.

http://lowermedia.net/futurehistoryfestival/test/