MVC - How to pass multiple values from JavaScript (Json) to Controller

Watch this example on YouTube



View

<input type="submit" value="click me" id="btnClick" />

@section scripts{
    <script type="text/javascript">
        $(document).ready(function () {
            $("#btnClick").click(function () {
                var f = {};
                f.url = '@Url.Action("TestFunction", "Home")';
                f.type = "POST";
                f.dataType = "json";
                f.data = JSON.stringify({ ID: 123, FName: "FRANK", LName: "SINATRA" });
                f.contentType = "application/json";
                f.success = function (response) {
                    alert("success");
                };
                f.error = function (response) {
                    alert("failed");
                };
                $.ajax(f);
            });
        });

    </script>   
}

Controller

        public JsonResult TestFunction(int ID, string FName, string LName)
        {
            return Json(new
            {
                resut = "OK"
            });
        }