title: What could be causing an issue with my scrollTo function?
body: <p>I have a button that resides at the bottom of my page that is supposed to scroll to the top of the page when clicked.</p>
  
  <p>I used identical code from another site that I've worked on to implement this feature, but for some reason nothing happens within the current site with the scrollTop feature.</p>
  
  <p>I've tested the effect with another element on the page and it works if I set the 'button' as a different div, but when I revert it back to the div I want to be able to click from, again the feature no longer works.</p>
  
  <p>Here is my code if anyone might be able to tell what is wrong.</p>
  
  <p>Here is a fiddle of the actual page <a href="http://jsfiddle.net/6p6MZ/4/" rel="nofollow">http://jsfiddle.net/6p6MZ/4/</a></p>
  
  <p>What I have in my head tag:</p>
  
  <pre><code>&lt;link rel="shortcut icon" href="images/favi.ico" /&gt;
  &lt;link href="css/about-3elements.css" rel="stylesheet"&gt;
  &lt;link href="css/pages.css" rel="stylesheet"&gt;
  &lt;link href="css/page-transitions.css" rel="stylesheet"&gt;
  &lt;link href="css/footer.css" rel="stylesheet"&gt;
  &lt;link href="css/responsive-mobile.css" rel="stylesheet"&gt;
  &lt;link href="css/responsive-tablet.css" rel="stylesheet"&gt;
  &lt;link href="css/responsive-1025-1500px.css" rel="stylesheet"&gt;
  &lt;link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css"&gt;
  &lt;link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.css"&gt;
  &lt;meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"&gt;
  &lt;script src="http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"&gt;&lt;/script&gt;
  &lt;script src="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="js/modernizr.custom.28468.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"&gt;&lt;/script&gt;
  &lt;/head&gt;
  &lt;body&gt;
  </code></pre>
  
  <p>Script:</p>
  
  <pre><code>&lt;script&gt;&lt;!-----------------------------CONTROLS FOOTER BUTTON THAT GOES TO THE TOP OF THE PAGE-----------------------------------&gt;
  $(document).ready(function(){
      $(this).scrollTop(0);
  });
  
  $("#nav-arrow").click(function() {
      $('html, body').animate({
          scrollTop: $("html").offset().top
      }, 750);
  });
  &lt;/script&gt;
  HTML:
  
  &lt;footer class="bottom-footer"&gt;
  &lt;div id="nav-arrow"&gt;&lt;img src="images/nav-arrow.svg" width="35%"&gt;&lt;br&gt;&lt;span class="arrow-text" style="width:100px; color:#f8f4ec; font-family:myriad pro, arial, sans-serif; font-size:1.25em;"&gt;Back to top&lt;/span&gt;&lt;/div&gt;
  
  &lt;section class="footer-section"&gt;
  &lt;ul&gt;
      &lt;li&gt;&lt;a href="faq.html"&gt;FAQ&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href="terms-of-use.html"&gt;TERMS&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href="usage-rights.html"&gt;USAGE RIGHTS&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href="privacy-policy.html"&gt;PRIVACY POLICY&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href="contact.html"&gt;CONTACT&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href="the-editors.html"&gt;MEET THE STAFF&lt;/a&gt;&lt;/li&gt;
  &lt;/ul&gt;
  
  &lt;div id="social-links-container"&gt;
  &lt;ul class="social" style="height:40px;"&gt;
  &lt;li&gt;&lt;a href="https://twitter.com/3ElementsReview" title="Follow @3ElementsReview" target="_blank"&gt;&lt;img src="images/twitter.svg" width="25%" alt="If you like our literary journal, follow 3Elements Review on Twitter" border="none"&gt;&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a href="https://www.facebook.com/pages/3Elements-Review/165239120323115" title="Like us on Facebook" target="_blank"&gt;&lt;img src="images/facebook.svg" width="25%" alt="If you find our literary journal interesting, like 3Elements Review on Facebook" border="none"&gt;&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a href="https://plus.google.com/102175306984563852786" rel="publisher" title="+1 our page on Google+" target="_blank"&gt;&lt;img src="images/google-plus.svg" width="25%" alt="Recommend our literary journal 3Elements Review on Google+" border="none"&gt;&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a href="http://www.stumbleupon.com/stumbler/3elementsreview" title="Come say hello!" target="_blank"&gt;&lt;img src="images/stumble.svg" width="25%" alt="If you like our literary journal, you can find our 3Elements Review page on StumbleUpon" border="none"&gt;&lt;/a&gt;&lt;/li&gt;
  &lt;/ul&gt;
  &lt;/div&gt;&lt;!---------------SOCIAL LINKS CONTAINER  END--------------------&gt;
  
  &lt;h1 class="site-design"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;copy;&amp;nbsp;&lt;script type="text/javascript"&gt;
      var dteNow = new Date();
      var intYear = dteNow.getFullYear();
      document.write(intYear);
  &lt;/script&gt; 3Elements Literary Review, Chicago, IL&amp;nbsp;&amp;nbsp;&lt;a href="http://www.marlonfowler.com" target="_blank"&gt;Site design by Marlon Fowler&lt;/a&gt;&lt;/h1&gt;
  
  &lt;/section&gt;
  &lt;/footer&gt;
  &lt;/div&gt;&lt;!------------------------CONTAINER THAT SURROUNDS ALL CONTENT BELOW THE NAVIGATION BAR  END-------------------------------&gt;
  </code></pre>