title: JSlint say that '$' was used before it was defined on the first line $(document).ready(function()
body: <p>JSlint states this is $ was used before it was defined -->></p>
  
  <pre><code>$(document).ready(function () {
      /*sticky nav*/
      $('.js--section-features').waypoint(function(direction) {
          if (direction == "down"){
              $('nav').addClass('sticky')
  
          } else {
              $('nav').removeClass('sticky')
          }
  
      })
  </code></pre>
  
  <p>smooth scrolling is not working either?? when i click the link to scroll to an element/section it takes me directly to it no smooth scrolling even after changing animation speed to 1000+. my scripts are correct so i don't know what to do </p>
  
  <p>$('.js--scroll-to-discount-city').click(function () {
                          $('html, body').animate({scrollTop: $('.js--section-discount-opt').offset().top}, 1500);
                      });</p>