title: Links jump to top and bottom but smooth scrolling doesn't work
body: <p>Links jump to bottom and top but won't smooth scroll even though I'm sure JS is working.</p>
  
  <p>JS:</p>
  
  <pre><code>$.fn.ready(function() {
  
              // Smooth scroll to top.
              $("a[href=#top]").live("click", function(e) {
                  $("html,body").animate({scrollTop:0}, 1000);
                  e.preventDefault();
              });
  
              // Smooth scroll to bottom.
              $("a[href=#bot]").live("click", function(e) {
                  $("html,body").animate({scrollTop:$(document).height()}, 1000);
                  e.preventDefault();
              });
          });
  </code></pre>
  
  <p>HTML:</p>
  
  <pre><code> &lt;a href="#bot" id="botlink" title="Go to bottom"&gt;↓&lt;/a&gt;
   &lt;a href="#top" id="toplink" title="Go to top"&gt;↑&lt;/a&gt;
  </code></pre>