Salvare/recuperare dati db senza aggiornare pagina

[sixdas]

Salve, vorrei un vostro aiuto, in pratica vorrei capire come fare per salvare dei dati in un db e poi visualizzarli nella stessa pagina, senza doverla aggiornare. Al momento riesco solo a salvarli, ma non a visualizzarli. Vi metto un esempio di come salvo i dati:

Index

//FORM
<form name="modulo">
    

Nome</p>
    

<input type="text" name="nome" id="nome">
    

Cognome</p>
     <input type="text" name="cognome" id="cognome">
    <input type="button" id="bottone" value="Invia i dati">
</form>

<div id="risultato"></div>




// SCRIPT AJAX

<script type="text/javascript">
$(document).ready(function() {

  //al click sul bottone del form
  $("#bottone").click(function(){

    //associo variabili
    var nome = $("#nome").val();
    var cognome = $("#cognome").val();

  //chiamata ajax
    $.ajax({

     //imposto il tipo di invio dati 
      type: "POST",

      //Invio i dati alla pagina php
      url: "salva.php",

      //Dati da salvare
      data: "nome=" + nome + "&cognome=" + cognome,
      dataType: "html",

      //visualizzazione errori/ok
      success: function(msg)
      {
        $("#risultato").html(msg); 
      },
      error: function()
      {
        alert("Chiamata fallita, si prega di riprovare..."); 
      }
    });
  });
});
</script> 

salva.php

<?php 
include("connessione_db.php");
include("config.php");
mysql_select_db("$db_name",$connessione); //seleziono il database e mi connetto 

$nome = $_POST['nome'];
$cognome = $_POST['cognome']; 

$sql = "INSERT INTO tabella SET 
nome = '$nome', cognome = '$cognome',
 if (@mysql_query($sql)) { echo '

Dati salvati correttamente</p>'; } 
else { echo '

Si e verificato un errore ' . mysql_error() .'</p>'; } ?>

Ora, nella pagina index, sotto il form, vorrei anche una tabella con tutti i dati inseriti, e vorrei che quando l'utente inserire i suoi dati, dopo gli compaiono sotto senza dover aggiornare la pagina. Come fare?