JQuery - trabajando con formularios

<!--------------first page for form----------->

        <div data-role="page" id="formulario" data-theme="a">

            <!--------------first page header----------->

            <div data-role="header">

                <h1>Formulario</h1>

            </div>

            <!--------------first page main content----------->

            <div data-role="main" class="ui-content">

				<form id="check-formulario" class="ui-body ui-body-a ui-corner-all" data-ajax="false">

                                .............................................

        </div>

        <!-------------------------------------------------------------

        End of First page

        -------------------------------------------------------------->

        <!--------------second page----------->

        <div data-role="page" id="pageone">

            <!--------------second page header----------->

            <div data-role="header">

                <h1>Datos introducidos</h1>

            </div>

            <!--------------second page main content----------->

            <div data-role="main" class="ui-content">

			Usuario:

                        Telefono:

            </div>

            <!--------------second page footer----------->

$(document).on('pageinit', '#formulario', function(){

        $(document).on('click', '#submit', function() { // catch the form's submit event

            if($('#usuario').val().length > 0 && $('#telefono').val().length > 0){

                // Send data to server through the ajax call

                // action is functionality we want to call and outputJSON is our data

                    $.ajax({url: 'check.php',

                        data: {action : 'login', formData : $('#check-formulario').serialize()},

                        type: 'post',

                        async: 'true',

                        dataType: 'json',

                        beforeSend: function() {

                            // This callback function will trigger before data is sent

                            $.mobile.loading("show"); // This will show ajax spinner

                        },

                        complete: function() {

                            // This callback function will trigger on data sent/received complete

                            $.mobile.loading("hide"); // This will hide ajax spinner

                        },

                        success: function (result) {

                            if(result.status) {

                                $.mobile.changePage("#pageone");

                            } else {

                                alert('Error!');

                            }

                        },

                        error: function (request,error) {

                            // This callback function will trigger on unsuccessful action               

                            alert('Problems with network, check internet connection.');

                        }

                    });

            } else {

                alert('Please fill in all required fields');

            }

            return false; // cancel original event to prevent form submitting

        });

});

<?php

	// The JSON standard MIME header.

	header('Content-type: application/json');

	// We don't need action for this tutorial, but in a complex code you need a way to determine Ajax action nature

	$action = $_POST['action'];

	// Decode parameters into readable PHP object

	parse_str($_POST['formData'], $output);

	// Get username

	$usuario = $output['usuario'];

	// Get password

	$telefono = $output['telefono'];

	// Lets say everything is in order

	$output = array('status' => true, 'massage' => $usuario);

	echo json_encode($output);

?>

<div data-role="page" id="pageone">

<div data-role="page" id="formulario" data-theme="a">