jQuery AJAX

Send AJAX requests with this jQuery script.

HTML

<script src="http://fonts.googlepis.com/css?famaily=Open+Sans:400,700"></script>
<p id="result"></p>

CSS

body {
    font-family: 'Open Sans', 'Helvetica Neue', 'Arial', sans-serif;
    font-size: 13px;
}

form span {
    display: block;
    margin: 10px;
}

label {
    display: inline-block;
    width: 100px;
}

input[type="text"] {
    border: 1px soild #ccc;
    width: 200px;
    padding: 5px;
}

input[type="submit"] {
    padding: 5px 15px;
}

span#result {
    padding: 5px;
    background: #ff9;
}

img#loadingimg {
    display: none;
}

JavaScript

$.ajax({
    url: '/echo/html/',
    type: 'post',
    data: {
        html: 'Teste 1'
    },
    success: function(returnhtml) {
        $("#result").append($('</p>').html(returnhtml));
        $.ajax({
            url: '/echo/html/',
            type: 'post',
            data: {
                html: 'Teste 2'
            },
            success: function(returnhtml) {
                $("#result").append($('</p>').html(returnhtml));
            }
        });

    }
});