Ahora tengo el problema siguiente no recibe el contenido de los cuadros de texto y no encuentro por que si me ayudan a encontrarlo les estare muy agradecido este es mi codigo
Código PHP:
<body>
<form name="wizard" method="post">
<fieldset>
<label for="nombre">
<div align="left">Usuario:</div>
</label>
<label for="apellidos">
<div align="left">Contraseña:</div>
</label>
</fieldset>
<fieldset>
<input id="usr" type="text" />
<input id="pass" type="password"/>
</fieldset>
<div align="center" style="padding:1px 0; clear:both">
<div align="center">
<input name="login" type="hidden" value="1" />
<!-- <input class="btniniciar" name="login" type="submit" value="" /> -->
<input name="login" id="submit" type="submit" />
</div>
</div>
</form>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script language="JavaScript" src="eventos_ajax.js"></script>
</body>
y este es mi js
$(document).ready
(
function()
{
var usuario = $("#usr").val();
var pwd = $("#pass").val();
alert("El usuario es " +usuario);
alert("La contraseña es " +pwd);
$("#pwd").change(function()
{
$.ajax({
data: {usuario:usuario,pwd:pwd},
type: "POST",
dataType: "json",
url: "index.php",
beforeSend:function(){alert(usuario);},
success:function(html){alert(usuario);}
})
})
}); //****FIN DEL CORE
espero puedan ayudarme gracias.