Post Form AJAX

HTML

<!--
The name attribue is necessary for the serialize function;
id is not sufficient
-->
<form id="foo" action="#" method="post">
    <input type="text" name="name" id="name" value="Joe" />
    <input type="text" name="occupation" id="occupation" value="Coolness" />
</form>

<button>Foo</button>

JavaScript

$("button").on("click", function() {
    var data = {
        name: $("#name").val(),
        occupation: $("#occupation").val()
    };
    console.log(data);
    
    $.ajax({
        url: $("#foo").attr("href"),
        type: "POST",
        data: data
    })
    .done(function(result) {
    });
});