ajax contenuto in un div richiama funzione che non funziona

[kampione]

Vi spiego il mio problema sperando che ci sia qualche anima pia che possa aiutarmi:

Ho una funziona ajax (jquery) che cancella record da mysql, nello specifico:

$(function() { $(".delete_button").click(function() { var id = $(this).attr("id"); var dataString = 'id='+ id ; var parent = $(this).parent();  $.ajax({ type: "POST", url: "delete.php", data: dataString, cache: false,  success: function() { if(id % 2) { parent.fadeOut('slow', function() {$(this).remove();}); } else { parent.slideUp('slow', function() {$(this).remove();}); } } });  return false; }); });

il mio problema e che i record da cancellare vengono caricati in un div che viene modificato in ajax senza ricaricare la pagina con:

document.getElementById('record').innerHTML = stampa;

dove nella variabile stampa vengono inseriti i record con un ciclo da un'altra pagina chiamata upload.php

ora la funzione non funziona ma solo se il ciclo viene gettato nel <div id="record"></div>

se invece provo a mettere il codice direttamente nella pagina principale la funzione va.

cosa posso fare?