Wie zum einfügen von Daten in die Datenbank mit Web-API-2-in ASP.NET MVC

Habe ich folgenden code im Controller

    //POST api/PersonalDetails
    [ResponseType(typeof(PersonalDetails))]
    [HttpPost]
    public IHttpActionResult PostPersonalDetails(PersonalDetails personaldetails)
    {
        if (!ModelState.IsValid)
        {
            return BadRequest(ModelState);
        }

        db.PersonalDetails.Add(personaldetails);
        db.SaveChanges();

        return CreatedAtRoute("DefaultApi", new { id = personaldetails.AutoId }, personaldetails);
    }

- und untenstehenden code in anzeigen

<script type="text/javascript">
$("#btnAdd").click(function () {
    var PersonalDetails = {
        "FirstName": $("#FirstName").val(),
        "LastName": $("#LastName").val(),
        "Age": $("#Age").val(),
        "Active": $("#Active").val()
    };

    $.ajax({
        type: "POST",
        url: 'http://localhost:28206/api/PersonalDetails/PostPersonalDetails',
        data: JSON.stringify(PersonalDetails),
        dataType: "json",
        processData: true,
        success: function (data, status, xhr) {
            alert(status);
        },
        error: function (xhr) {
            alert(xhr.responseText);
        }
    });
});
</script>

Nun, wenn ich bin klicken Sie auf den button feuert bis btnAdd klicken Sie auf Methode. Der controller PostPersonalDetails Methode ausgeführt wird, aber personaldetails-Objekt null ist. Ich bin nicht in der Lage, abrufen von Werten der form.

Wie man Werte von den PersonalDetails Objekt gebildet, in das click-Ereignis.