Mobile JQuery stops submit working

i have the following code

    <meta charset="utf-8"> 
    <meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="" />
<script src=""></script>
<script src=""></script>
<style type="text/css"> 
      div {text-align: center}
      #result { margin-top: 15px; }

    <div data-role="page" id="insurance" data-theme="b"> 
      <div id="insurance"> 
        <form action="submit.php" method="post" id="insuranceForm"> 
          <div>Insurance Group</div>
		  <input name="insurance" type="text" maxlength="3" data-mini="true" /><br>
          <input name="submit" data-role="button" data-inline="true" type="submit" value="submit" /></form>
		  <div id="result"></div></body>
$("#insuranceForm").on("submit", function(e){
        var $inputs = $('#insuranceForm :input'), 
            values = {};
        $inputs.each(function() {
          values[] = this.value;
          type : "POST",
          url : "submit.php",
          data: values,
          success : function(res) {
        return false;
      $(".back").on("click", function(){
    <!--End Stats Page -->

When i use jquery mobile to style it the results never appear back in the results div but if i remove the jquery mobile it works fine.

any ideas? firebug does show the results tho!