jQuery Grid Plugin - jqGrid

I found another post very similar to this but the problem was never resolved.  Tony asked to check firebug console.  I have done that here as well and nothing is being passed but the data for the main grid content.  Not only that but the filtertoolbar doesn't even display a dropdown at least with an undefined string.  here is a link to my work in progress here.  the jqgrid javascript can be found here.

I can't seem to find any good working examples using searchoptions.  everyone seems to be using editoptions.  although from my understanding the 2 should work similarly.  however the following isn't working for me.  the only way i can get the 'select' feature to work properly is by using editoptions and hardcoding in the values just like in the integrated toolbar demo.  can anyone explain to me how to use searchoptions properly and the dataUrl property? i have seen a few use the dataUrl and a string variable (listdata.toString()) but i can't seem to get these to work either.

jqselect.php

<?php
echo “<select>
<option value='1'>One</option>
<option value='2'>Two</option>
<option value='3'>Three</option>
</select>”;

?>

colModel:[
           {name:'id',index:'playerID', width:65},
           {name:'picture',index:'picture', width:80, align:"right", hidden:true},
           {name:'GPA',index:'GPA', width:80, align:"right"},       
           {name:'SAT',index:'SAT', width:80,align:"right"},       
           {name:'college',index:'college', width:150, sortable:false, stype:'select', search:true, searchoptions:{dataUrl:jqselect.php}},
       ],

view demo here