How To Send List Of Data From View To Controller With Ajax Form in Mvc4

How To Send List Of Data From View To Controller With Ajax Form In Mvc4 :
My Model Sample :

public class Food
    {
        public string name { get; set; }
        public int quantity { get; set; }
    }

    public class CustomerModel {
        public string CustomerName { get; set; }
        public List<Food> ListFoods { get; set; }
    }

    [HttpPost]
    public ActionResult AddCustomer(CustomerModel model)
    {   
        //Add New Person
        return Json(new { Result = "OK" });
    } 

My View :

 @using (Ajax.BeginForm("AddCustomer", "Resturant", new AjaxOptions
         {
        InsertionMode = InsertionMode.Replace,
        HttpMethod = "POST",
        OnSuccess = "Success"

         }, new { @id = "frmaddCustomer" }))
{

    <p>
        <label>Customer Name </label>        
    </p>
    <p>
        @Html.CH_TextBox("CustomerName").size(TextBoxSize.Medium)
    </p>
    <p>
        Food List
    </p>
<table id="FoodList" class="static-table" data-bind='visible: gifts().length > 0'>
    <thead>
        <tr>
            <td style="width: 250px;">Name</td>
            <td>Quantity</td>
            <td />
        </tr>
    </thead>
    <tbody data-bind='foreach: gifts'>
        <tr>
            <td>
                @Html.CH_TextBox("Food.name").size(TextBoxSize.Medium)
            </td>
            <td>
                @Html.CH_TextBox("Food.quantity").size(TextBoxSize.Medium)
            <td>
                <a id="deleteRow">Delete</a>
        </tr>
    </tbody>
</table>


    <button data-bind='click: addGift' type="submit">New Food</button>
    <button data-bind='enable: gifts().length > 0' type="submit">Send Data</button>


}