Jquery: llamar a una función desde un botón creado con una función

esto funciona en Jquery:

 $(".go").click(function() { $("#test").html("TEST TEST TEST"); }); 

Pero si trato de acceder a la función go desde un botón creado usando lo siguiente, falla.

 $(".new").click(function() { $.ajax({ url: $(this).attr("data-value"), success: function(data, textStatus, xhr) { $('#DIV').html(''); } } }); }); 

Este código se utiliza cuando se completa otra función de clic de función.

¿Alguna razón por la que?

Gracias

Los controladores de eventos están vinculados solo a los elementos seleccionados actualmente; deben existir en la página en el momento en que su código realiza la llamada de enlace de evento.

Los eventos delegates tienen la ventaja de que pueden procesar eventos de elementos descendientes que se agregan al documento en un momento posterior.

A medida que va creando botón dinámicamente.

Necesitas usar Delegación de Eventos . Tienes que usar .on () usando el enfoque de eventos delegates.

es decir

 $(document).on('event','selector',callback_function) 

Lo ideal es que sustituyas el document por el contenedor estático más cercano.

Ejemplo

 $('#DIV').on('click', '.go', function () { //Your Code });