I need some help getting jqgrid displaying json

I need some help getting jqgrid displaying json

Here is my jquery:
 
  1. <script>
  2. $( function () {

    $("#list").jqGrid({

    url: 'http://localhost:60418/grid/data',

    datatype: 'json',

    mtype: 'GET',

    colNames: ['Inv No', 'Amount', 'Tax', 'Total', 'Notes'],

    colModel :[

    {name:'invid', index:'invid', width:55},

    {name:'amount', index:'amount',width:80, align:'right'},

    {name:'tax',index:'tax',width:80, align:'right'},

    {name: 'total',index: 'total'},

    {name: 'note',index: 'note'}

    ],

    pager: '#pager',

    rowNum: 10,

    rowList: [10, 20, 30],

    sortname: 'invid',

    sortorder: 'desc',

    viewrecords: true,

    gridview: true,

    caption: 'FirstGrid'

    　

    });

    alert(

    're');

    });

    </script>

    My asp.net controller with the json does get called and returns the following json:
      [{"invid":346,"client_id":34,"amount":35,"tax":3,"total":99,"note":"None"},{"invid":5555,"client_id":34,"amount":35,"tax":3,"total":99,"note":"None"},{"invid":34433,"client_id":34,"amount":35,"tax":3,"total":99,"note":"None"}]
       My Grid displays a loading symbol but does not render anything.  I know I am missing something simple. 
         Just in case...here is all the html:
                

          @{

          Layout =

          null ;

          }

          <!

           DOCTYPE html >

          <

           html >

          <

           head >

          < title > Index </ title >

          　

           < link href ="../../css/jquery-ui-1.9.2.custom/css/smoothness/jquery-ui-1.9.2.custom.css" rel ="stylesheet" />

          @*

           <link href="../../css/ui.jqgrid.css" rel="stylesheet" /> *@

           < link href ="../../js/src/css/ui.jqgrid.css" rel ="stylesheet" />

          < script src ="../../js/jquery-1.7.2.min.js"></ script >

          < script src ="../../js/i18n/grid.locale-en.js"></ script >

          < script src ="../../js/jquery.jqGrid.min.js"></ script >

          　

           < script >

          $(

           function () {

          $(

           "#list" ).jqGrid({

          url:

          'http://localhost:60418/grid/data' ,

          datatype:

          'json' ,

          mtype:

          'GET' ,

          colNames: [

           'Inv No' , 'Amount' , 'Tax' , 'Total' , 'Notes' ],

          colModel :[

          {name:

           'invid' , index: 'invid' , width:55},

          {name:

           'amount' , index: 'amount' ,width:80, align: 'right' },

          {name:

           'tax' ,index: 'tax' ,width:80, align: 'right' },

          {name:

          'total' ,index: 'total' },

          {name:

          'note' ,index: 'note' }

          ],

          pager:

          '#pager' ,

          rowNum: 10,

          rowList: [10, 20, 30],

          sortname:

          'invid' ,

          sortorder:

          'desc' ,

          viewrecords:

          true ,

          gridview:

          true ,

          caption:

          'FirstGrid'

          　

          });

          alert(

           're' );

          });

           </ script >

          　

          </

           head >

          <

           body >

          < div >

          < table id ="list">< tr >< td /></ tr ></ table >

          < div id ="pager"></ div >

          </ div >

          </

           body >

          </

           html >