title: Navigating to a <div data-role="page"> without using anchor tag
body: <p>I have two div tags in single HTML with data-role as 'page'. First one is a form which contains a table with two columns say A and B and a button.The second page contains a text box and dropdown and sublit button. On clicking of button in first page jquery should call web-service and should navigate to second div in which, the dropdown should be filled with result of webservice.
  Finally on clicking submit whole data should be converted to a xml and should be posted to another webservice.</p>
  
  <p>Please help me in this scenario</p>
  
  <p>HTML PAGE</p>
  
  <pre><code>     &lt;body&gt;
      &lt;div data-role="page" id="page-a"&gt;
          &lt;div data-role="header"&gt;&lt;h1&gt;Place order&lt;/h1&gt;&lt;/div&gt;
          &lt;div data-role="content"&gt;
              &lt;table align="center"&gt;
              &lt;tr&gt;
              &lt;th&gt;Part Number&lt;/th&gt;
              &lt;th&gt;Quantity&lt;/th&gt;
              &lt;/tr&gt;
              &lt;tr&gt;
              &lt;td&gt;&lt;input type="text" id="t1"&gt;&lt;/td&gt;
              &lt;td&gt;&lt;input type="text" id="q1"&gt;&lt;/td&gt;
              &lt;/tr&gt;
              &lt;tr&gt;
              &lt;td&gt;&lt;input type="text" id="t2"&gt;&lt;/td&gt;
              &lt;td&gt;&lt;input type="text" id="q2"&gt;&lt;/td&gt;
              &lt;/tr&gt;
              &lt;tr&gt;
              &lt;td&gt;&lt;input type="text" id="t3"&gt;&lt;/td&gt;
              &lt;td&gt;&lt;input type="text" id="q3"&gt;&lt;/td&gt;
              &lt;/tr&gt;
              &lt;tr&gt;
              &lt;td&gt;&lt;input type="text" id="t4"&gt;&lt;/td&gt;
              &lt;td&gt;&lt;input type="text" id="q4"&gt;&lt;/td&gt;
              &lt;/tr&gt;
              &lt;tr&gt;
              &lt;td&gt;&lt;input type="text" id="t5"&gt;&lt;/td&gt;
              &lt;td&gt;&lt;input type="text" id="q5"&gt;&lt;/td&gt;
              &lt;/tr&gt;
              &lt;/table&gt;
      &lt;/div&gt;
      &lt;center&gt;
      &lt;div&gt;
          &lt;a href="#page-b" id="nextpage" data-role="button"&gt;Next&lt;/a&gt;&lt;/center&gt;
          &lt;!--&lt;button  onclick="jaffa()"&gt;NEXT  &lt;/button&gt;--&gt;
      &lt;/div&gt;
      &lt;/center&gt;
      &lt;/div&gt;
  
      &lt;div data-role="page" id="page-b"&gt;
          &lt;div data-role="header"&gt;&lt;h1&gt;Head&lt;/h1&gt;&lt;/div&gt;
          &lt;div data-role="content"&gt;
          &lt;table align="center"&gt;
          &lt;tr&gt;
          &lt;td&gt; &lt;label for="uname" class="floatleft" &gt;Customer Reference ID&lt;/label&gt;     &lt;/td&gt;
          &lt;td&gt; &lt;input id="cref"type="text" name="name" size="20"  data-mini="true"  autocomplete="off" style="width:220px;" class="floatleft1"/&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
          &lt;td&gt;&lt;label for="address" class="floatleft"&gt;Address&lt;/label&gt;&lt;/td&gt;
          &lt;td&gt;&lt;select id="addr"&gt;
          &lt;option&gt;--SELECT--&lt;/option&gt;
          &lt;/select&gt;&lt;/td&gt;
          &lt;/tr&gt;
         &lt;/table&gt;             
          &lt;/div&gt;
          &lt;div&gt;
        &lt;button  onclick="execute()"&gt; place order &lt;/button&gt;
        &lt;/div&gt;
  
      &lt;/div&gt;
  </code></pre>
  
  <p>SCRIPT</p>
  
  <pre><code>      &lt;script type="text/javascript"&gt; 
         $.("#nextpage").click(function)()        {
      alert("jaffa");
      $.ajax({
  
              type: "POST",
  
              url:"http://172.18.98.31/TrwAftermarket_M/login.asmx/GetShipToList",
              data: {UserId:"TRW2008" , Storefront:"DE" , CustomerNumber:"987654"},
              dataType: 'xml',
              success:function(data, textStatus, jqXHR){
  
              var xml = '';
              xml = $(data).find('string').text();
              xmlDoc = $.parseXML(xml),
              $xml = $( xmlDoc ),
              $(xml).find('shiptoName').each(function(){
                                      var value = $(this).text();
                                      //alert(value);
  
                                      $(addr).append("&lt;option class='ddlcustomer' value='"+ value +"'&gt;"+value+"&lt;/option&gt;");
                                  });
          },
  
           error: function (jqXHR, textStatus, errorThrown) { 
                                        alert("Error occured");
                                          alert(textStatus); 
                                         alert(errorThrown);
                           } 
  
                      });
                 });
  </code></pre>