title: jQuery Mobile Issues - First time user
body: <p>So I am using jQuery mobile for the first time.</p>
  
  <p>I have added it in and I have the swiperight function working to go back to the previous page.</p>
  
  <p>However as I have been navigating around I have notice a couple of things which have come at a cost of adding jQuery mobile. I managed to stop the changing of elements such as inputs etc by using <code>$( "input, textarea, select", e.target ).attr( "data-role", "none" );</code>.</p>
  
  <p>1). The loading message displays at the bottom of the screen. I removed this by using <code>$.mobile.loadingMessage = false;</code> however it is still causing a scroll bar when it is not needed which is causing a white line below my footer.</p>
  
  <p>2). On one of my pages I have the following code which now no longer works:</p>
  
  <pre><code>$(document).ready(function() {
  
      $("#arrow_click").click(function(){
  
          var theclass = $(this).attr("class");
  
          if(theclass == "icon-chevron-down"){
              $("#table_cont").hide();
          } else if(theclass == "icon-chevron-up"){
              $("#table_cont").show();
          }
  
      });
  
  });
  </code></pre>
  
  <p>Can anyone shed any light on these two issues?</p>
  
  <p>Thanks</p>