jQuery Grid Plugin - jqGrid

I am new to jqGrid and I am unable to get my grid to render.  I get the basic grid and the headers but no rows.

This is the JSON that is being loaded:

{"order_list":[{"id":"5664186","order_detail":{"order_id":"5664186","order_segment":"R","tier":"2"}}],"records":1}

This is my JavaScript:

  function update_order_list()
  {
   var gridimgpath = "/js/themes/sand/images"
   jQuery("#list2").jqGrid({
    url: '/index.php/OpenOrderList/get_segment_list_ajax',
    datatype: "json",
    colNames:['Order ID#', 'Order Segment', 'Tier'],
    colModel:[ {name:'order_id',index:'order_id', width:80},
          {name:'order_segment',index:'order_id', width:80},
          {name:'tier',index:'order_id', width:80} ],
   jsonReader : {
    root: "order_list",
    total: "records",
    records: "records",
    repeatitems: true,
    cell: "order_detail",
    page: "records",
    id: "id"
    },
   rowNum:100,
   rowList:[10,20,30],
   imgpath: gridimgpath, pager:
   jQuery('#pager2'),
   sortname: 'order_id',
   viewrecords: true,
   sortorder: "desc",
   caption:"Open Orders" }).navGrid('#pager2',{edit:false,add:false,del:false});
  }