Jquery mobile POST to SQL database with JSON and Ajax

I have the following code in my JQM and would like to save the data enetered in the form to the database using JSON and Ajax. Can any one please help?

<form id="formID" class="validate">
        <div data-role="fieldcontain">
        <div class="content-primary">
    <ul data-role="listview" data-inset="true" data-theme="c">
            <li><label for="Name"><em>* </em>Name</label>
            <input data-val="true" data-val-required="The Name field is required." id="Name" name="Name" type="text" value="" />
            <span class="field-validation-valid" data-valmsg-for="Name" data-valmsg-replace="true"></span>
            </li>
            <li><label for="Mobile Number"><em>* </em>Mobile Number:</label>
            <input data-val="true" data-val-required="The Mobile Number field is required." id="Mobile Number" name="Mobile Number" type="text" value="" />
            <span class="field-validation-valid" data-valmsg-for="Mobile Number" data-valmsg-replace="true"></span>
            </li>
           <li><label for="Email"><em>* </em>Email:</label>
            <input data-val="true" data-val-required="The Email Address field  is required." id="Email" name="Email" type="text" value="" />
            <span class="field-validation-valid" data-valmsg-for="Email" data-valmsg-replace="true"></span>
            </li>
             <li><label for="Password"><em>* </em>Password: </label>
            <input data-val="true" data-val-required="The Password field  is Required" id="Password" name="Password" type="text" value="" />
            <span class="field-validation-valid" data-valmsg-for="Password" data-valmsg-replace="true"></span>
            </li>

           <li><label for="ReceiveQuotealertsby"><em>* </em>Receive Quote alerts by :</label><br />
            <label for="flip-c">SMS:</label>
            <select name="slider" id="flip-c" data-role="slider" data-theme="a" class="required">
                <option value="no">No</option>
                <option value="yes">Yes</option>
            </select> <br />

             <label for="flip-c">Email:</label>
            <select name="slider" id="flip-c" data-role="slider" data-theme="a">
                <option value="no">No</option>
                <option value="yes">Yes</option>
            </select>



            </ul>
        </div>

        <div data-role="fieldcontain">

        </div>
        <div class="ui-body">
    <fieldset class="ui-grid-a">
            <div class="ui-block-a"><button type="submit" data-theme="a">Submit</button></div>
            <div class="ui-block-b"><button type="submit" data-theme="c">Cancel</button></div>
              </fieldset>
    </div>
    </ul>
</div>
Any help will be appreciated.