JSFiddle - React, Tailwind, and code Playground

by rodrigonery

HTML

<!-- Meu CSS ignore isso...   -->
<link href="http://twitter.github.com/bootstrap/assets/css/bootstrap.css" type="text/css" rel="stylesheet">
  <link href="http://twitter.github.com/bootstrap/assets/css/bootstrap-responsive.css" type="text/css" rel="stylesheet">

<!-- Meu Form -->
<form>
<label for="nome">Nome:</label>
<input type="text" id="nome" name="nome"><br>
<label for="idade">Idade:</label>
<input type="text" id="idade" name="idade"><br>
<button type="submit" class="btn" id="cadastrar">ENVIAR</button>
</form>


<!-- Minha div com o Resultado -->
<div class="container-fluid" id="resultado">
</div>

JavaScript

$(function() {
    $("#cadastrar").click(function() {
        var nome = $("#nome").val(), 
            idade = $("#idade").val();
        $.post("cadastrarUser.php", {
            nomeUser: nome,
            idadeUser: idade
        }, function(data) {
            $("#resultado").text(data);
        });
    });
});