how to use kendo ui grid in mvc with GPL version - asp.net-mvc

Question

I am using asp.net mvc4. And for my views designing am using kendo ui GPL version, here am using only javascript of kendo.
<div id="grid" style="width:500px"></div>
<script>
$(document).ready(function () {
$("#grid").kendoGrid({
dataSource: {
transport: {
read: { url: "Movies/Index", dataType: "json" }
},
schema: {
model: {
fields: {
ID:{type:"number"},
Title: { type: "string" },
ReleaseDate: { type: "date" },
Price: { type: "number" },
Genre: { type: "string" }
}
}
},
pageSize: 10,
serverPaging: true,
serverFiltering: true,
serverSorting: true,
},
height:230,
filterable: true,
columnMenu: true,
groupable: true,
sortable: true,
pageable: true,
columns: [
{
field: "ID",
width: 90,
title: "ID"
}, {
field: "Title",
width: 90,
title: "Title"
},
{
field: "Genre",
width: 90,
title: "Genre"
}, {
width: 100,
field: "Price"
}, {
field: "ReleaseDate",
title: "ReleaseDate",
template: '#= kendo.toString(ReleaseDate,"dd MMMM yyyy") #'
}
]
});
});
and in my controller am using json action:
public JsonResult Index()
{
try
{
var ind = db.Movies.Select(a => new Models.Movie
{
ID = a.ID,
Title = a.Title,
Genre = a.Genre,
Price = a.Price,
ReleaseDate = a.ReleaseDate
}).OrderBy(a => a.Title);
return this.Json(ind, JsonRequestBehavior.AllowGet);
}catch(Exception)
{
throw;
}
}
But the problem is data is not fetching into my view. Any help is greatly appreciated.