jQuery: Submit with jQuery.

by Yure Pereira

HTML

<form action="" name="frm_login" id="frm_login" method="post">
  <p>
    <label for="txt_login">Login:</label>
    <input name="txt_login" id="txt_login" type="text">
  </p>
  <p>
    <label for="pwd_password">Senha:</label>
    <input name="pwd_password" id="pwd_password" type="password">
  </p>
  <p>
    <button name="btn_send" type="submit">Logar</button>
    <input name="btn_clean" type="reset" value="Limpar">
  </p>
  <p></p>
</form>

JavaScript

$(function() {

	$('#frm_login').submit(function(e) {
  
  	e.preventDefault();
  	
    var login = $('#txt_login'),
    		senha = $('#txt_senha');
        
		$(this).find('p:last')
    	.append('<ul>')
      .append('<li>' + login.val() + '</li>')
      .append('<li>' + senha.val() + '</li>')
      .append('</ul>');
  
  });

});