$(document).ready(function(){
    $("#form1").fadeIn(1000);
    $("#form1").submit(function(event){
        event.preventDefault();
        var username = $("#nome").val();
        var userage = $("#idade").val();
        $('<br /><span>Loading...</span>').appendTo('#form1');
        $.post('ajax.php', {"nome": username, "idade": userage}, function(data){
                $("#form1").fadeOut("slow",function(){
                var json_string = data.match(/{.*}/);
                var json = $.parseJSON(""+json_string);
                $('<p></p>',
                {"id":"para", text: "Seu nome é "+json.nome+" e você tem "+json.idade+" anos."})
                .css({backgroundColor: "yellow", fontFamily: "sans-serif"})
                .fadeIn("slow").appendTo('body');
           });
        });
    });
});

		
