[RESOLVED] Uncaught TypeError: $(...).jqGrid is not a function

[Jagjit]

Hi

@{
    ViewBag.Title = "Index";
}

<link href="@Url.Content("~/Content/themes/base/jquery.ui.all.css")" rel="stylesheet" type="text/css" />
<link href="@Url.Content("~/Content/jquery.jqGrid/ui.jqgrid.css")" rel="stylesheet" type="text/css" />

<script src="~/Scripts/jquery-1.8.2.min.js" type="text/javascript"></script>
<script src="~/Scripts/jqGrid/grid.locale-en.js" type="text/javascript"></script>
<script src="~/Scripts/jqGrid/jquery.jqGrid.min.js" type="text/javascript"></script>
<script src="~/Scripts/appjs/Project.js"></script>
<div>
    <table id="myGrid"></table>
    <div id="Pager2"></div>
</div>

$(document).ready(function () {
    $("#myGrid").jqGrid({
        url: '@Url.Content("~/Project/getProjects")',
        datatype: "json",
        contentType: "application/json; charset-utf-8",
        mtype: 'GET',
        colNames: ['ID', 'Name'],
        colModel: [
            { name: 'Id', index: 'Id', width: 55, sorttype: "int" },
            { name: 'Name', index: 'Name', width: 90 }
        ],
        rowNum: 5,
        rowList: [5, 10, 15],
        pager: '#pager2',
        sortname: 'id',
        viewrecords: true,
        sortorder: "asc",
        caption: "JSON Example"
    });
    jQuery("#list2").jqGrid('navGrid', '#pager2',
        { edit: false, add: false, del: false });
});