title: jQuery Mobile form ajax post not working?
body: <p>I'm currently creating a simple jQuery Mobile sign in page. Here's my code:</p>
  
  <pre><code>&lt;div data-role="page"&gt; 
      &lt;div data-role="header"&gt;&lt;h1&gt;Header&lt;/h1&gt;&lt;/div&gt;
      &lt;?php
  
      if(isset($_POST['username']) &amp;&amp; isset($_POST['password'])){
          die("hello");
      } 
  
      ?&gt;
      &lt;div data-role="content"&gt;
          &lt;form method="post"&gt;
                  &lt;div data-role="fieldcontain"&gt;
                  &lt;label for="username"&gt;Username:&lt;/label&gt;
                  &lt;input id="username" type="text" name="username" /&gt;
              &lt;/div&gt;
              &lt;div data-role="fieldcontain"&gt;
                  &lt;label for="password"&gt;Password:&lt;/label&gt;
                  &lt;input id="password" type="password" name="password" /&gt;
              &lt;/div&gt;
              &lt;input type="submit" value="Sign In" data-inline="true" data-theme="b" /&gt;
          &lt;/form&gt;
      &lt;/div&gt;
      &lt;div data-role="footer"&gt;&lt;h4&gt;Footer&lt;/h4&gt;&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Whenever I type in a username and password, using firebug, I can tell that the correct post was sent, however, the page that is returned through ajax to load into the page does not have the <code>die("hello")</code> in it. It is just the same page that I entered the login information on.</p>
  
  <p>Am I using jQuery Mobile's form system wrong?</p>