jQuery ne détecte pas les clics sur un élément inséré dynamicment

J’ai le modal suivant:

J’ai un bouton dans une table, qui déclenche un appel jQuery Ajax et tire dans le titre, le corps et le pied de page du modal. Vous pouvez voir ce script ci-dessous.

  $(document).ready(function(){ $('a.btn').click(function(){ var org_id = $(this).attr('org_id'); $.ajax({ type: 'post', url: '/groups/' + org_id + '/leave', success: function(data){ var data = $('
').html(data); var msg1 = data.find('#msg1'); var msg2 = data.find('#msg2'); var msg3 = data.find('#msg3'); $('#mf').html(msg3); $('#mt').html(msg2); $('#mb').html(msg1); } }); }); $('#killgroup').click(function(){ alert('made it'); }); });

Une fois que le modal est complètement rempli de données, la section de pied de page ressemble à ceci:

  

Le problème que je rencontre est que lorsque je clique sur le bouton avec l’identifiant “killgroup”, il ne fait rien. Si vous regardez ci-dessus mon code jQuery, la deuxième section tente de réagir à ce bouton en cliquant dessus:

 $('#killgroup').click(function(){ alert('made it'); }); 

});

Je n’arrive pas à faire fonctionner ça. Il semble y avoir une poule avant que le problème des œufs ne se produise ici, mais jQuery / javascript étant nouveau pour moi, je ne suis pas sûr. En gros, je veux pouvoir cliquer sur ce bouton créé dynamicment et lancer un autre script jQuery.