How do you use JTable in MVC?

Here is the whole code (razor file):

@{
ViewBag.Title = "Products";
}

Products

<script type="text/javascript" src="/Scripts/jquery-1.8.3.js">
</script>

<script type="text/javascript" src="/Scripts/jquery-ui-1.9.2.js">
</script>

<link href="/Scripts/jtable/themes/standard/green/jtable_green.css"
rel="stylesheet" type="text/css" />

<script type="text/javascript" src="/Scripts/jtable/jquery.jtable.js">
</script>



<div id="PersonTableContainer"></div>

<script type="text/javascript">
$(document).ready(function () {
$('#PersonTableContainer').jtable({
title: 'Table of people',
actions: {
listAction: '/GettingStarted/PersonList',
createAction: '/GettingStarted/CreatePerson',
updateAction: '/GettingStarted/UpdatePerson',
deleteAction: '/GettingStarted/DeletePerson'
},
fields: {
PersonId: {
key: true,
create: false,
edit: false,
list: false
},
Name: {
title: 'Author Name',
width: '40%'
},
Age: {
title: 'Age',
width: '20%'
},
RecordDate: {
title: 'Record date',
width: '30%',
type: 'date',
create: false,
edit: false
}
}
});

$('#PersonTableContainer').jtable('load');
});
</script>

And here it is in action:

http://rocksolidapi.cloudapp.net/manage/products

Yes, it may be that Im using newer version of jquery. Will downgrade and see if it works...

Fianlly fix it. Change it to the header and I forgot to removed the old version of JQuery. Now its functioning properly.