jQuery Grid Plugin - jqGrid

Hello,

I'm trying to work my way through jqGrid with little success so far. I'm trying to create a simple table to test out the functionality. 

Using the code below, I receive back an error "Uncaught TypeError: Cannot read property 'rownumbers' of undefined".  The array is php array is functioning as expected, as well as the javascript. 

$("#list").jqGrid('addRowData',i+1,test[i]); is the line that is my issue. 

Could anyone help fly me in the right direction?

<table id='list'></table> 

<script type="text/javascript">

$(function(){

$('#list').jqGrid({

datatype: 'local',

height: 250,

colNames: ['AsOfDate', 'Part', 'Pack'],

colModel: [{name:'date',index:'date', width:55},

{name:'part',index:'part', width:90},

{name:'pack',index:'pack', width:100}],

multiselect: true,

caption: 'Testing'

});

}); 

<?php

$test = json_encode($arr);

echo "var test = ". $test . ";\n";

?>

for(var i=0;i<=test.length;i++)

$("#list").jqGrid('addRowData',i+1,test[i]);

</script>