Al click del pulsante vorrei passare informazioni a php ma non va

Codice PHP:
  <script type="text/javascript">
 jQuery(document).ready(function() {
     jQuery('#invia').click(function()
     {
         var form = jQuery('form#form').serialize();
         alert(form);
         $.ajax_({
            type: 'POST',
            url: 'test.php',
            data: form,
            success: function(response)
            {
                jQuery('output').html(response);
                jQuery('<div></div>').addClass('output').insertAfter('input.carica');
                alert(response);
            }
        });
     });
});
</script>
<style type="text/css"></style> 
</head>
<body> 

<form method="post" action="" id="form">


<input type="text" name="input"/>
<input type="submit" value="invia" id="invia"/></p>
</form>
<div class="otput"></div> 
un errore era in $.ajax_. togliere _.
Adesso alla pagina php va però poi la pagina si ricarica e quindi il div creato da jquery scompare subito