[jQuery] Rieseguire funzione dopo successo AJAX

Buongiorno,
ho creato questo piccolo script jQuery che dopo che un utente ha cliccato su un input radio invia via AJAX il valore dell'input e successivamente stampa in un DIV il risultato ottenuto.

Visto che il risultato ricevuto non è altro che il form iniziale con qualche piccola modifica vorrei che la funzione di "ascolto" continuasse a funzionare, cosa che per ora, non fa.

Dove sbaglio?

Codice:

---

$(document).ready(AscoltaVotazioni);

function AscoltaVotazioni(){
 $("input:radio").click(function(){
  Vota($(this).val());
 });
}

function Vota(id){
alert("ricevuto");
 $.ajax({
    url: "ajax.php",
    type: "POST",
    data: {candidato:id, submit:"ajax"},
    success: function(data, textStatus, jqXHR){Successo(data);},
    error: function(jqXHR, textStatus, errorThrown){Errore(errorThrown);}
 });
}

function Successo(data){
 AscoltaVotazioni();
 $("#form").html(data);
}

---

Banalmente, hai provato ad invertire l'ordine nella funzione Successo()?

Codice:

---

function Successo(data){
 $("#form").html(data);
 AscoltaVotazioni();
}

---

Si ma comunque non cambia nulla.

Così senza vedere il resto della pagina non si può essere certi —se metti un esempio online da qualche parte è meglio.

Intanto una ripulitina al codice (non testata)

Codice PHP:

---

// $() equivale a $(document).ready()
$(function() {
// $('input:radio').click(function() { Vota($(this).val()); });
// oppure vuoi onchange?
$('input:radio').on('change', function() { Vota($(this).val()); });
});


function Vota(id) {
alert('ricevuto');
$.post('ajax.php', { candidato: id, submit: 'ajax' })
.done( function(data) { $("#form").html(data); } )
.fail( Errore );
}


---

Vedi anche:
http://stackoverflow.com/questions/4...e-using-jquery
http://api.jquery.com/jQuery.post/
http://api.jquery.com/jquery/
http://api.jquery.com/category/deferred-object/

dreadnaut da quanto tempo!!! :lol:

Grazie dei link e dei suggerimenti. Sono riuscito a risolvere.