title: .submit not working in jquery mobile
body: <pre><code>&lt;!-- jQuery / jQueryMobile Scripts --&gt;
  &lt;script src="http://code.jquery.com/jquery-1.9.1.min.js"&gt;&lt;/script&gt;
  &lt;script src="http://code.jquery.com/mobile/1.4.2/jquery.mobile-1.4.2.min.js"&gt;&lt;/script&gt;
        &lt;script&gt;
          // Attach a submit handler to the form
          $("#loginForm").submit(function (event) {
  
              // Stop form from submitting normally
              event.preventDefault();
  
              // Get some values from elements on the page:
              var $form = $(this),
                username = $form.find("input[name='username']").val(),
                 password = $form.find("input[name='password']").val(),
                url = $form.attr("action");
  
              // Send the data using post
              var posting = $.post(url, { username: username, password: password });
  
              // Put the results in a div
              posting.done(function (data) {
                  var content = $(data).find("#content");
                  $("#result").empty().append(content);
              });
          });
  
  &lt;/script&gt;
  
  
  
    &lt;div data-role="page" data-theme='b' id="1"&gt;
      &lt;div data-role="header" data-position="fixed" data-tap-toggle="false" data-theme='b'&gt;
          &lt;a href="index.html" data-ajax="false"&gt;&lt;i class='fa fa-bars'&gt;&lt;/i&gt;&lt;/a&gt;
          &lt;h1&gt;Glue Plus+&lt;/h1&gt;
      &lt;/div&gt;
  
  
  
      &lt;div data-role="content"&gt;
          &lt;div class="inset"&gt;
              &lt;h1&gt;Login&lt;/h1&gt;
          &lt;/div&gt;
          &lt;form method="post" action="http://url/Sugar/php_Calls/login.php" id="loginForm" data-ajax="false"&gt;
              &lt;div data-role="fieldcontain"&gt;
                  &lt;label for="name2b"&gt;Email:&lt;/label&gt;
                  &lt;input type="email" name="username" id="emailaddress" value="" data-clear-btn="true" placeholder="Type your email here..."&gt;
              &lt;/div&gt;
  
              &lt;div data-role="fieldcontain"&gt;
                  &lt;label for="name2b"&gt;Password:&lt;/label&gt;
                  &lt;input type="password" name="password" id="password" value="" data-clear-btn="true" placeholder="Type your password here..."&gt;
              &lt;/div&gt;
              &lt;div data-role="fieldcontain"&gt;
  
                  &lt;input type="checkbox" name="checkbox-1a" id="checkbox-1ab" checked=""&gt;
                  &lt;label for="checkbox-1ab"&gt;Keep me logged in&lt;/label&gt;
  
              &lt;/div&gt;
          &lt;/form&gt;
  
          &lt;button type="submit" id="btnlogin" name="login" href="#mainpage" data-inline="true"&gt;Submit&lt;/button&gt;
      &lt;/div&gt;
  
  &lt;/div&gt;
  </code></pre>
  
  <p>It's not coming inside the form submit when i debug through firebug</p>