jQuery Grid Plugin - jqGrid

Hi,

 I  am working on Asp.net MVC application in which i am trying to  use

jqGrid 3.4.2 - jQuery Grid

 to display the data but  after adding the code as shown below it is throwing the error as "jQuery("#list").jqGrid is not a function http://localhost/starfix/Logbook Line 116" when the  page loads

<

asp:Content ID="Content2" ContentPlaceHolderID="head" runat="server">

<link rel="stylesheet" type="text/css" href="<%=Url.Content("~/Content/webui/Scripts/themes/coffee/grid.css")%>" title="coffee" media="screen" />

<script src="<%=Url.Content("~/Content/webui/Scripts/jquery-1.3.2.js")%>" type="text/javascript"></script>

<script src="<%=Url.Content("~/Content/webui/Scripts/jquery.jqGrid.js")%>" type="text/javascript"></script>

<script src="<%=Url.Content("~/Content/webui/Scripts/js/jqModal.js")%>" type="text/javascript"></script>

<script src="<%=Url.Content("~/Content/webui/Scripts/js/jqDnR.js")%>" type="text/javascript"></script>

<script type="text/javascript">

jQuery(document).ready(

function() {

jQuery(

"#list").jqGrid({

url:

'/Logbook/GridData/',

datatype:

'json',

mtype:

'GET',

colNames: [

'Id', 'Votes', 'Title'],

colModel: [

{ name:

'Id', index: 'Id', width: 40, align: 'left' },

{ name:

'Votes', index: 'Votes', width: 40, align: 'left' },

{ name:

'Title', index: 'Title', width: 400, align: 'left'}

],

pager: jQuery(

'#pager'),

rowNum: 10,

rowList: [5, 10, 20, 50],

sortname:

'Id',

sortorder:

"desc",

viewrecords:

true,

imgpath:

'/scripts/themes/coffee/images',

caption:

'My first grid'});

});

</script>

</

asp:Content>

<asp:Content ContentPlaceHolderID="body" runat="server">

<

h2>My Grid Data</h2>

<

table id="list" class="scroll" cellpadding="0" cellspacing="0"></table>

<

div id="pager" class="scroll" style="text-align:center;"></div>

</asp:Content>

i am quite  new to  jquery hence not able to  find the reason for this error. Can anybody pls help me in this ?