Evento click, no funciona.

[SirDuque]

Hola chicos tengo un problema a la hora de manipular html como objetos.

Basado en un Div y un Button creo un Form, Input y un Button.

Todos con distintos ID´s, Name´s, Class´s.

Los creo de la siguiente manera:

Código Javascript:

var p = $('<p/>');
                var buttonPwrd = $('<input/>');
                buttonPwrd.attr('type','button');
                buttonPwrd.attr('name','PwrdSubmit');
                buttonPwrd.attr('id','PwrdSubmit');
                buttonPwrd.attr('value','Identificarme');
                buttonPwrd.addClass('PwrdSubmit');
                $("#Pwrd").append(p.clone().append(buttonPwrd));
 

Este codigo gernera lo siguiente:

Código HTML:

<div id="formPwrd" class="formPwrd">
                <form id="Pwrd" name="Pwrd" method="post" action="pwrd.php">
                    <p>
                     <input id="PwrdSubmit" class="PwrdSubmit" type="button" name="PwrdSubmit" value="Identificarme">
                    </p>
                </form>
            </div>
 

Despues tengo una funcion al clickear en PwrdSubmit

Código Javascript:

$("#PwrdSubmit").click(function(){
                alert("click");
         });
 

Si este codigo lo escribo en HTML todo funciona bien, pero si lo genero con Jquery el click no envia el alert.

Ambas funciones estan dentro de $(document).ready(function() {});

Si la funcion $("#PwrdSubmit").click(function(){ la pongo fuera del ready no afecta en nada.

Alguna idea?

[ocesitaro]

sabes que significa ready?, live, delegate, etc.

lee la documentación del framework ,es muy importante.

un breve resumen para usar ready y asignarle eventos a un dom estos ya deben estar cargados.

prueba asignandole el evento click después que hayas creado dinamicamente los divs
luego comentas.