title: Scroll to Top Not working in Jquery Mobile
body: <p>Navigating back to top of the page is not working after user scroll down to bottom of the page.</p>
  
  <p>Page footer</p>
  
  <pre><code>&lt;div data-role="footer" data-theme="b"&gt;
      &lt;div class="ui-bar"&gt;
          &lt;a href="" data-role="button" data-icon="arrow-u" data-theme="d" style="float:right;" class="returnTopAction"&gt;Return top&lt;/a&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Jquery Reference</p>
  
  <pre><code>&lt;link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.0/jquery.mobile-1.3.0.min.css" /&gt;
  &lt;script src="http://code.jquery.com/jquery-1.8.2.min.js"&gt;&lt;/script&gt;
  &lt;script src="http://code.jquery.com/mobile/1.3.0/jquery.mobile-1.3.0.min.js"&gt;&lt;/script&gt;
  </code></pre>
  
  <p><strong>UPDATE:</strong>
  My full HTML code</p>
  
  <pre><code>&lt;html&gt;
  
      &lt;head&gt;
          &lt;title&gt;SQ/TR&lt;/title&gt;
          &lt;link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.0/jquery.mobile-1.3.0.min.css" /&gt;
          &lt;script src="http://code.jquery.com/jquery-1.8.2.min.js"&gt;&lt;/script&gt;
          &lt;script src="http://code.jquery.com/mobile/1.3.0/jquery.mobile-1.3.0.min.js"&gt;&lt;/script&gt;
      &lt;/head&gt;
  
      &lt;body&gt;
          &lt;div data-role="page" id="arealistpage"&gt;
              &lt;div data-role="header" data-theme="b"&gt;
                   &lt;h1&gt;SQ/TR&lt;/h1&gt;
  
                  &lt;a href="../Default.aspx" class='ui-btn-left ui-btn-back' data-icon='arrow-l'&gt;Back&lt;/a&gt;
              &lt;/div&gt;
              &lt;!-- /header --&gt;
              &lt;div data-role="content"&gt;
                  &lt;ul data-filter="true" data-inset="true" data-role="listview"&gt;
                      &lt;li&gt;
                          &lt;a href="#"&gt;Design Squad Check&lt;/a&gt;
                      &lt;/li&gt;
                      &lt;li&gt;
                          &lt;a href="#"&gt;Vendor Squad Check&lt;/a&gt;
                      &lt;/li&gt;
                      &lt;li&gt;
                          &lt;a href="#"&gt;Business Squad Check&lt;/a&gt;
                      &lt;/li&gt;
                      &lt;li&gt;
                          &lt;a href="#"&gt;Management Squad Check&lt;/a&gt;
                      &lt;/li&gt;
                      &lt;li&gt;
                          &lt;a href="#"&gt;Design Transmittal&lt;/a&gt;
                      &lt;/li&gt;
                      &lt;li&gt;
                          &lt;a href="#"&gt;Vendor Transmittal&lt;/a&gt;
                      &lt;/li&gt;
                      &lt;li&gt;
                          &lt;a href="#"&gt;Business Transmittal&lt;/a&gt;
                      &lt;/li&gt;
                      &lt;li&gt;
                          &lt;a href="#"&gt;Management Transmittal&lt;/a&gt;
                      &lt;/li&gt;
                  &lt;/ul&gt;
              &lt;/div&gt;
              &lt;!-- /content --&gt;
              &lt;div data-role="footer" data-theme="b" id="footerNavBar"&gt;
                  &lt;div class="ui-bar"&gt;
                      &lt;a href="" data-role="button" data-icon="arrow-u" data-theme="d" style="float:right;" class="returnTopAction"&gt;Return top&lt;/a&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
          &lt;/div&gt;
          &lt;!-- /page --&gt;
      &lt;/body&gt;
  
  &lt;/html&gt;
  </code></pre>