Delegar con .on()

Hola a todos.

Tengo un formulario y si lo cargo mediante un simple href entonces me funciona el sistema de validación.

Pero mi idea como es normal es cargarlo sin recargar el resto de la página. Para ello uso .load() de jquery de la siguiente forma.

Código Javascript :

$("#boton").click(function(evento){
    evento.preventDefault();
    $("#contenido").load("php/formulario.php");
});

Bien mi problema es que ahora carga correctamente pero no valida nada, se que es debido a que el JS solo ha revisado el DOM en la carga inicial y que ahora tengo que "delegar" (creo que es así) a la nueva estructura del DOM.

He leído que ahora se hace mediante .on()
Mi problema es que tras revisar la web de jquery no tengo muy claro como puedo hacer que JS vea que hay algo nuevo y que mi formulario valide al ser incluido con .load()

Espero haberme explicado correctamente.

Prueba con esto:

$('.lo_que_sea').live("click", function(){

});

Lo que tienes que hacer es un callback de la función

Código Javascript :

$("#boton").click(function(evento){
    evento.preventDefault();
   //Tienes que crear una función de callback que recogerá los datos cargados "(datos)"
    $("#contenido").load("php/formulario.php", function (datos) {
      //Aqui haces lo que quieras con los datos
      console.log(datos);
   });
});

Un saludo.

Siguiendo las recomendaciones propias de jquery

Código Javascript :

$("#contenido").on('click', "#boton", callback);

Todo lo que se genere dinamicamente se pasa como segundo parámetro en el .on()

Y como selector tienes que poner un elemento padre que NO se vaya a cargar dinamicamente. (si no tienes ninguno pon body pero cuanto más cercano más optimizacion)