error in jquery in mvc razor

<table id="Jgrid"></table>

<script type="text/javascript">
        jQuery(document).ready(function () {
            var myGrid = $('#Jgrid');
            myGrid.jqGrid({ // error is here
                caption: "SubCatagory",
                url: '/api/SubCatagory',
                datatype: "json",
                contentType: "application/json; charset-utf-8",
                mtype: 'GET',
                colNames: ['SubCatagory ID', 'SubCatagory Name', 'SubCatagory Code'],
                colModel: [
                                { name: 'SubCatagoryId' },
                                { name: 'SubCatagoryName' },
                                { name: 'SubCatagoryCode' },
                ],
                rowNum: 5
            });
        });
</script>

link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<link rel="stylesheet" href="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/themes/smoothness/jquery-ui.css" />
<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/jquery-ui.min.js"></script>

    <!-- Load SCRIPT.JS which will create datepicker for input field  -->

        <meta name="viewport" content="width=device-width" />
        <link href="~/Content/jquery.jqGrid/ui.jqgrid.css" rel="stylesheet" type="text/css" />
        <link href="~/Content/themes/base/jquery-ui.css" rel="stylesheet" type="text/css" />
       <script src="~/Scripts/i18n/grid.locale-en.js" type="text/javascript"></script>


        <script src="~/Scripts/jquery.jqGrid.min.js" type="text/javascript"></script>