Click en un select estático y otro en dinámico

[nestoweb]

Buenas aqui os dejo mi código.

En definitva lo que hago es generar unos select dinámicos, de momento todos tienen la misma etiqueta e id, (tambien he probado poniendole un contador) y esto me lo hace correctamente.

El problema viene cuando quiero ver si se ha pulsado uno, que no me lo reconoce, sin embargo creo un select estático y ese si me reconoce que lo he pulsado.

El problema resumiendo es:

Al puslar un select generado por AJAX no me reconoce que lo he pulsado, sin embargo uno estático creado en html si.

Muchas Gracias de ante mano. aquí os dejo el código

Código:

<script src="js/jquery-1.5.1.js"  type="text/javascript"></script>
<script>
$(document).ready(function(){
						   
	contador=0;
						   
	$("#add").click(function() {
							 
			contador=contador+1;				 
			var tds = '<tr><td><select name="prueba" id="prueba"><option>Seleccion ..</option>';
			
			<?php
			for($i=0;$i<5;$i++)
			{?>
				tds+='<option>'+<?php echo $i; ?>+'</option>';
			<?php }
			?>
				
			tds += '</select></td></tr>';
			
			$("#mitabla").append(tds);				
	
	});
	
	
	//Esta función si me entra
	$("#prueba").click(function(event) { 
							 
			alert("has pulsado el select estatico");				
	
	});
	
	//Esta función no entra
	$("#prueba2").click(function(event) {
							 
			alert("has pulsado el select dinamico");				
	
	});
});
</script>

<button id="add">A&ntilde;adir Fila</button>
<select name="prueba2" id="prueba2"><option>4</option></select>
<table border="1" id="mitabla">

</table>

[perryjr]

A medida que JavaScript se va ejecutando, busca $('#add') y le asigna un evento AL HACER CLICK., busca $('#prueba') y no encuentra ninguno PORQUE NO EXISTE TODAVIA y busca $('#prueba2') lo encuentra y le asigna el evento. Luego tu al hacer click creas prueba.

Orden de operaciones!! Si pones alert($('#prueba').length); verás como dice que hay cero, porque no existe.

Código PHP:

<?php }
            ?>
                
            tds += '</select></td></tr>';
            
            $("#mitabla").append(tds);              
    
 
    //  }); ESTO QUITALO
    
    
    //Esta función si me entra
    $("#prueba").click(function(event) { 
                             
            alert("has pulsado el select estatico");                
    
    });
 
    }); // PONLO AQUI ABAJO
 

Ves la diferencia, los eventos los tienes que asignar cuando ese elemento exista, no antes ^.^