jQuery Grid Plugin - jqGrid

Hello,  I can't get the footer feature to work.  I don't get a error it just doesn't show up.

$(document).ready(function() {
            jQuery("#fasTravelerGrid").jqGrid({
                datatype: "local",
                height: "auto",
                hoverrows:true,
                width: 600,
                colNames: ['Id', 'guid', 'Traveler Name', 'Travel Start Date', 'Travel End Date', 'Cost Estimate', 'Status'],
                colModel: [
               { name: 'id', index: 'id', width: 1 },
               { name: 'guid', index: 'guid', width: 1 },
               { name: 'TravelerName', index: 'Traveler Name', width: 125, editable: false },
               { name: 'TravelStartDate', index: 'Travel Start Date', sorttype:"date", width: 100, editable: false },
               { name: 'TravelEndDate', index: 'Travel End Date', sorttype:"date", width: 100, editable: false },
               { name: 'Cost Estimate', index: 'Cost Estimate', sorttype:"float", width: 75, editable: false,summaryType:'sum', summaryTpl:'<b>Total: {0}</b>' },
               { name: 'Status', index: 'Status', width: 200, editable: false }
                                                  ],
            ondblClickRow: function(id) {
            window.open(GetServerPath()+ 'userdefined/edit.aspx?id=' + $("#fasTravelerGrid").getCol('guid')[id-1]+ '&_CreateFromType=10052&_CreateFromId=%7b609AFEFE-70C2-DF11-B753-005056B21DD5%7d&etc=10008#');
            },
            grouping:true,
            groupingView : { groupField : ['Status'],
            groupSummary : [true],
            groupColumnShow : [true],
            groupText : ['<b>{0}</b>'],
            groupCollapse : false,
            groupOrder: ['asc'] },
            viewrecords: true,
            editurl: "/ISV/XRM/postCost.aspx",
            sortname: 'Status'
            });