php - Ajax を使用した Twitter の Bootstrap フォームが機能しない

Question

Twitter Bootstrap フォームと ajax に問題があります。したがって、関数でデータを処理することはできません。私は入れalert(data)て動作していますが、結果を出力しません。

コードは次のとおりです。

<form id="edit">
    <div class="row-fluid">
        <div class=" span12">
             <h2>Edit</h2>
            <input id='id' name='id' type='hidden' class='span2' value="<?php echo $_GET['id']?>" <div class='control-group'>
            <label class='control-label' for='name'>Name</label>
            <div class='controls'>
                <input id="n" name="n" type="text" class="span2" value="<?php echo $_GET['name']?>" </div>
                <!--/span-->
            </div>
            <!--/row-->
            <div class="row-fluid">
                <div class="span12">
                    <div class='control-group'>
                        <label class='control-label' for='description'>Description</label>
                        <div class='controls'>
                            <textarea id="d" name="d" class="span8" rows="10">
                                <?php echo $_GET[ 'description']?>
                            </textarea>
                        </div>
                        <!--/span-->
                    </div>
                    <!--/row-->
                    <div class="row-fluid">
                        <div class="span12">
                            <div class='control-group'>
                                <label class='control-label' for='longi'>Longitude</label>
                                <div class='controls'>
                                    <input id="longi" name="longi" type="text" class="span2" value="<?php echo $_GET['longi']?>" </div>
                                    <!--/span-->
                                </div>
                                <!--/row-->
                                <div class="row-fluid">
                                    <div class="span12">
                                        <div class='control-group'>
                                            <label class='control-label' for='lati'>Latitude</label>
                                            <div class='controls'>
                                                <input id="lati" name="lati" type="text" class="span2" value="<?php echo $_GET['lati']?>" </div>
                                                <!--/span-->
                                            </div>
                                            <!--/row-->
                                            <div class="form">
                                                <button type="submit" class="btn btn-primary" id="invia">Atualitzar</button>
                                                <button type="button" class="btn btn-danger" onClick="location.href='../zone.php'">Cancel</button>
                                            </div>
                                            <form>
                                                <div id="result"></div>

関数 ajax :

 <script> 
        $(document).ready(function () {    
            $("#invia").click(function(){
             var dati = $("#edit").serialize(); //recupera tutti i valori del form automaticamente
            //form invio dati post ajax
                $.ajax({
                    type: "POST",
                    url: "edit.php",
                    data: dati,
                    dataType: "html",
                    success: function(msg){
                        $("#result").html(msg);
                    },
                    error: function(){
                        alert("error");
                    }
                });//ajax
            });//bottone click
        });
      </script>

edit.php :

<?php

//recupero
if (isset($_POST["n"])) { 

$name= urldecode($_POST["n"]);
$descrizione= urldecode($_POST["d"]); 
$lati= urldecode($_POST["lati"]);
$longi= urldecode($_POST["longi"]);

//stampo i risultati 
echo $name; 
echo "<br />";
echo $descrizione; 
echo "<br />";
echo $lati; 
echo "<br />";
echo $longi; 
echo "<br />";
}

?>