title: jQuery smooth scrolling to anchor after button clicked
body: <p>I can't get this to smoothly scroll down to the anchor for some reason. Can anybody see why?</p>
  
  <p>This is the html:</p>
  
  <pre><code>&lt;div id="onward"&gt;
      &lt;a href="#xdroneslogan" class="btn"&gt;
          &lt;i class="icon-chevron-down icon-white"&gt;&lt;/i&gt; Onward
      &lt;/a&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>This is the javascript:</p>
  
  <pre><code>&lt;script&gt;
      $("#onward a").click(function(){
        var onwardId = $(this).attr("href");
        $("html, body").animate({scrollTop: $(onwardId).offset().top}, "slow");
        return false;
      });
  &lt;/script&gt;
  </code></pre>