Problema Asp.NET MVC requisisão AJAX

Boa tarde colegas, Gostaria muito da ajuda de você com meu projeto na facul. estou tentando problema no ajax a segui

Código do meu controller

 public ActionResult Form(int idFood)
            {
            var cadapio = new Cardapio
            {
                FoodTruckId = idFood
            };
            ViewBag.Food = cadapio;
            return View(cadapio);
        }
        [HttpPost]
        public ActionResult Form(Cardapio cardapio)
        {
            CadapioDao dao = new CadapioDao();
            dao.SalvaCardapio(cardapio);
            return Json(new { Resultado = cardapio.Id }, JsonRequestBehavior.AllowGet);
        }
    }

Código da minha View

@model FoodTruckCerrado.Models.Cardapio
@using (Html.BeginForm("Adiciona", "Cardapio", FormMethod.Post))
{
    <!--ID , Nome, Lista de Prato, FoodCruck-->
    @Html.ValidationMessage("Cardapio Invalido")

    @Html.HiddenFor(c => c.FoodTruckId)

    @Html.LabelFor(c => c.Nome, "Nome:")
    @Html.TextBoxFor(c => c.Nome, new { @class = "form-control" })
    @Html.ValidationMessageFor(c => c.Nome)


}

<a href="#" onclick="SalvarCardapio();" class="btn btn-default">Adicionar Pratos</a>

<div id="divPrato" style="display:none"></div>

@section Scripts{
    @Scripts.Render("~/bundles/jqueryval")
    <script src="~/Scripts/Cardapio.js"></script>
    }

e por fim Código do Cardapio.js

function SalvarCardapio() {

    debugger;

var nome = $("#Nome").val();

var idFood = $("#FoodTruckId").val();

var url = "/Cadapio/Form";

$.ajax({
    url: url
    , type: "POST"
    , datatype: "json"
    , data: { Id: 0, Nome: nome, FoodTruckId: idFood }
    , success: function (data) {
        if (data.Id > 0) {

            debugger;

            ListarPratos(idFood.Resultado);
        }
    },
    error: function () {
        alert("erro!!");
    }
});

}
function ListarPratos(idCardapio) {
    var url = "/Cadapio/Form"
    $.ajax({
        url: url
        , type: "GET"
        , data: { idCardapio: CardapioId }
        , datatype: "html"
        , success: function (data) {
            var divPrato = $("#divPrato");
            divPrato.empty();
            divPrato.show();
            divPrato.html(data);
        }
    });
}

No final da conta ele grava o dado no banco e tudo mais, mas não chama a ListarPratos, creio que não esta dando success tão pouco erro. alguem tem ideia do que pode esta acontecendo. Grato pela atenção