Loading data into html table using ajax and SQL stored procedure

I have a stored procedure that selects all the fields in the table based on the date. I then created a method shown below to return the results as JSON.

[HttpGet]
public JsonResult GetResult()
        {
            MonthNameConverter converter = new MonthNameConverter();
            string fullDate = converter.startOfMonth().ToShortDateString();
            string[] split = fullDate.Split('/');
            string date = "";
            if(Convert.ToInt32(split[0]) < 10)
            {
                date = split[2] + "-0" + split[0];
            }
            else
            {
                date = split[2] + "-" + split[0];
            }            
            var results = travelSOCC.GetLansingMileage(date).ToList();
            return Json(results, JsonRequestBehavior.AllowGet);
        }

However when I go to append the data to an HTML table I'm getting an unidentified result.

$(function LoadData() {
            $("#LansingTable tbody tr").remove();
            $.ajax({
                type: 'GET',
                url: '@Url.Action("GetResult")',
                dataType: 'json',
                data: JSON,
                success: function (data) {
                    $.each(data, function (item) {
                        var rows = "<tr><td>" + item.TravelDate + "</td><td>" + item.TripType + "</td></tr>";
                        $("#LansingTable tbody").append(rows);
                    });
                },
                error: function (ex) {
                    var r = jQuery.parseJSON(response.resonseText);
                    alert("Message: " + r.Message);
                }
            })
        });

Any help is greatly appreciated.