jquery invio dati post

[musghs]

ciao Ragazzi,
scusate ma sto impazzendo..
qualcuno riesce a spiegarmi dove sbagliO? non mi passa i dati e mi ricarica la pagina.

<div id="results"></div>
<form id="form_newsletter">


<?php echo BOX_NEWSLETTER ?></p>
<p class="nome"><label><?php echo NOME ?>:</label><input type="text" name="nome" id="nome" /></p>
<p class="email"><label>Email:</label><input type="text" name="email" id="email" /><input type="submit" name="submit" value="<?php echo INVIA ?>" class="button" id="button"></p>
</form>


<script type="text/javascript">
$(document).ready(function() {  
  $("#button").submit(function(){ 
      $.post('include/process/sendnewsletter.php', $("#form_newsletter").serialize(), function(data) {
          $('#results').html(data);
      });
      return false;  
  });
});
</script>

[mxa]

Penso che l'handler dell'evento submit vada applicato al form e non al bottone submit stesso.

[gianiaz]

La risposta di mxa è esatta.

Se posso aggiungere un consiglio, per i form esiste l'ottimo plugin di Mike Alsup.

http://malsup.com/jquery/form/

In pratica lo applichi ad un form e lui fa il submit direttamente alla pagina specificata nell'action. (solo questione di comodità in questo caso, ma ad esempio ti permetterebbe di gestire in modo semplice anche l'upload dei files via ajax).

ciao

[musghs]

Grazie!!!!
Trovo veramente utilissimo il suggerimento di gianiaz!

grazie x l'aiuto! Ho risolto!