jQuery Grid Plugin - jqGrid

I have created a grid it is working without issue other than none of the buttons are clickable.

I have included my code. the cursor does not change either.

thank you in advace for any help!

Latest JQuery 1.9 and Latest JqGrid 4.5

Javascript code: 

Html Code:

<table id="QouteTemplateList"></table>

<div id="QouteTemplateListPager"></div>

$(function () {

var shownPostData = null;

var GroupingFields = new Array();

$('#QouteTemplateList').jqGrid({

url: '/Includes/Application/Services/GridServices.asmx/GetQouteTemplateList',

mtype: 'POST',

datatype: 'json',

ajaxGridOptions: { contentType: 'application/json; charset=utf-8' },

serializeGridData: function (postData) {

var InlineFilters = new Array();

$.each(postData, function (k, v) {

if (k != 'GroupingFields' && k != 'InlineFilters' && k != 'page' && k != 'rows' && k != 'searchString' && k != 'searchOper' && k != 'searchField' && k != 'filters' && k != 'sord' && k != 'sidx' && k != '_search' && k != 'nd') {

InlineFilters.push({ Name: k, Value: v });

}

});

postData['InlineFilters'] = InlineFilters;

postData['GroupingFields'] = GroupingFields;

if (postData['filters'] == null) {

postData['filters'] = null;

}

return JSON.stringify(postData);

},

jsonReader: { repeatitems: false, root: "d.Rows", page: 'd.Page', total: 'd.Total', records: "d.Records" },

colNames: ['', 'Name', 'Created By'],

colModel: [

{ name: 'Id', index: 'Id', key: true, hidden: true },

{ name: 'Name', index: 'Name', width: 170, template: stringTemplate },

{ name: 'UserCreated', index: 'UserCreated', width: 180, template: stringTemplate }, ],

height: $('#QouteTemplateListWrapperCell').height() - 100,

rowNum: 1000000,

hidegrid: false,

sortname: 'Name',

pager: '#QouteTemplateListPager',

caption: 'Quote Templates',

gridComplete: function () {

},

loadComplete: function (data) {

$("#QouteTemplateList tr.jqgrow:odd").css("background", "#DDDDDC");

},

onHeaderClick: function (state) {

},

viewrecords: true,

autowidth: true,

shrinkToFit: false,

scroll: true,

subGrid: false,

editurl: '/Includes/Application/Handlers/QuoteTemplateListHandler.ashx'

}).filterToolbar({

autosearch: true,

searchOnEnter: false,

clearButton: '-',

enableClear: true,

afterSearch: function () {

},

afterClear: function () {

}

}).jqGrid('navGrid', '#QouteTemplateListPager', { edit: true, add: true, del: true, search: true }, {}, {}, {}, {

multipleSearch: true,

closeAfterSearch: true,

closeAfterReset: true,

searchOnEnter: true,

multipleGroup: false,

closeOnEscape: true,

resize: true,

recreateForm: true,

caption: 'Advanced Search...',

Find: 'Search',

Reset: 'Clear Results',

groupOps: [{ op: "AND", text: "AND" }, { op: "OR", text: "OR" }],

beforeShowSearch: function () {

return true;

}

}, { closeOnEscape: true, closeAfterAdd: true, closeAfterEdit: true }).navButtonAdd('#QouteTemplateListPager', {

caption: "", buttonicon: "ui-icon-calculator", title: "Choose Columns",

onClickButton: function () {

$('#QouteTemplateList').columnChooser();

}

});

});