title: How to get value which is been change with help of that i want to login
body: <p>In these code I am trying to submit the form with <code>username='admin'</code> and <code>password='password'</code> on submit it will go to edit page. If user want to change the <code>username</code> and <code>password</code> it can change here, but my question is what changes I've to make in my code so that it can read what changes where made, if any, in <code>username</code> and <code>password</code>, and proceeds with login.
      First time it should login with credentials as <code>admin and password</code> in future if user change then what I have to do</p>
  
  <pre><code>$(document).unbind('pageinit').bind('pageinit', function () {          
          $("#button").click(function () {
               callXMLConnection();
          });
          $("#button1").click(function () {
               callConnection();
          }); 
  });
  
  function callXMLConnection(){
      var u1 = $("#textusername").val();
      var p1 = $("#textpassword").val();
      if(u1 == 'admin' &amp;&amp; p1 == 'password'){
          $.mobile.changePage("#page1");
          $("#textusername1").val(u1);
          $("#textpassword1").val(p1);
      }else{
          alert("username and password is not correct");
      }
  }
  function callConnection(){
      localStorage.setItem("user", $("#textusername1").val());
      localStorage.setItem("pass", $("#textpassword1").val());
      localStorage.setItem("auth", $("#textauthentication").val());
      if(localStorage.getItem("user") == "" &amp;&amp; localStorage.getItem("pass") == ""){
          alert("enter the username and password");
      }else{
          $.mobile.changePage("#page2");
      }
  }
  </code></pre>