title: Get JSON Object after submit the form in phonegap
body: <p>I'm new in phonegap development in android.
  i'm working on phonegap application. I have subbmited the code on the server using the form tag. Now i want to get the result back. So please hlep me how to get the result which is returned by the server. the result is in the form of JSON.</p>
  
  <p>Here is my code that i'm using to submit the form in my html file.</p>
  
  <pre><code>    &lt;form id="signUpform" action="http://web1.xxx.com/sss/signup.php" method="post" 
      onsubmit="return( validate() );"&gt;
      &lt;div style="float:left; width: 100%; height: inherit;"&gt;
          &lt;h3&gt;New Client&lt;/h3&gt;
      &lt;/div&gt;
      &lt;br /&gt;
      &lt;div style="float:left; width: 80%; height: inherit; margin-top: 5px;"&gt;
          &lt;div style="float:left; width: 40%; height: inherit; margin-top: 5px; padding-top: 8px;"&gt;
               &lt;label&gt;UserName &lt;/label&gt;&lt;/div&gt;
          &lt;div style="float:right; width: 60%; height: inherit;"&gt;
              &lt;input id="UserUsername" type="text" name="username" /&gt;&lt;/div&gt;
      &lt;/div&gt;
      &lt;br /&gt;  
      &lt;div style="float:left; width: 80%; height: inherit; margin-top: 5px;"&gt;
          &lt;div style="float:left; width: 40%; height: inherit; margin-top: 5px; padding-top: 8px;"&gt;
              &lt;label&gt;Password &lt;/label&gt;&lt;/div&gt;
          &lt;div style="float:right; width: 60%; height: inherit;"&gt;
              &lt;input id="pass" type="text" name="password" /&gt;&lt;/div&gt;
      &lt;/div&gt;
      &lt;br /&gt;
      &lt;div style="float:left; width: 80%; height: inherit; margin-top: 5px;;"&gt;
          &lt;div style="float:left; width: 40%; height: inherit; margin-top: 5px; padding-top: 8px;"&gt;
              &lt;label&gt;   Confirm Password &lt;/label&gt;&lt;/div&gt;
          &lt;div style="float:right; width: 60%; height: inherit;"&gt;
              &lt;input id="cpass" type="text" name="confirm_password" /&gt;&lt;/div&gt;
      &lt;/div&gt;
      &lt;br /&gt;
      &lt;div style="vertical-align:middle; float:left; width: 80%; height: inherit; margin-top: 5px;"&gt;
          &lt;div style="float:left; width: 40%; height: inherit; margin-top: 5px; padding-top: 8px;"&gt;
              &lt;label&gt; Email ID &lt;/label&gt;&lt;/div&gt;
          &lt;div style="float:right; width: 60%; height: inherit;"&gt;
              &lt;input id="UserEmail" type="text" name="email" /&gt;&lt;/div&gt;
      &lt;/div&gt;
      &lt;br /&gt;
      &lt;div style="float:left; width: 80%; height: inherit; margin-top: 5px;"&gt;
          &lt;div style="float:right; width: 100%; height: inherit;"&gt;
              &lt;input type="submit" value="Get Started"/&gt; &lt;/div&gt;
      &lt;/div&gt;
  &lt;/form&gt;   
  </code></pre>
  
  <p>form is submited on the server. and i get back the result in JSON fromat.
  Result is :</p>
  
  <pre><code>{"UserID":"220"} 
  </code></pre>
  
  <p>this will print on the device after i submitted the form.</p>
  
  <p>So please help me how i can get this value.</p>
  
  <p>Thanks in advance</p>