La función no funciona después de agregar nuevo elemento

Tengo un problema con la acción “hacer clic” en un nuevo elemento creado por una función jQuery, no funciona.

Creé un JSFiddle en este enlace ( JSFiddle ), pero no funciona perfectamente porque no puedo llamar a una solicitud de Ajax en JSFiddle.

Tengo estos dos botones,

   

Cuando llamas a la función ajax por primera vez, el botón uno responde con esta salida:

 OK;I;SIC-034031 

El botón dos solo se usa para borrar. El botón uno crea

  

Cuando hago clic en este nuevo botón, la función ajax devuelve esto,

 OK;C;SIC-034031;; 

El botón uno se va y el botón dos vuelve. Ahora está el problema, si hago clic en el primer botón, todo funciona. Si hago clic en el segundo botón, no funciona.

¿Puedes tratar de ayudarme a encontrar el problema, por favor?

Gracias 😉

jQuery solo conoce los elementos en la página en el momento en que se ejecuta, por lo que jQuery no reconoce los nuevos elementos agregados al DOM. Para combatir esa delegación de eventos de uso, los eventos que se propagan desde los elementos recién agregados hasta un punto en el DOM que estaba allí cuando jQuery se ejecutó en la carga de la página. Muchas personas usan el document como el lugar para atrapar el evento burbujeante, pero no es necesario ir tan arriba en el árbol DOM. Lo ideal sería delegar en el padre más cercano que existe en el momento de la carga de la página.

 $(".pulsanteIscrizioni").on("click", function() 

es lo que tienes ahora Cambiarlo a –

 $(document).on("click", '.pulsanteIscrizioni',function()