jQuery Grid Plugin - jqGrid

I have the following code below. The data gets populated dynamically for the 'ClientID' no problems, the data for the 'State' I need to be the same for all rows based on the selected value from the dropdown list. The value I am getting for that column on all rows is 'undefined', but if I alert($('#select_service').val()) I do get the value I want. Help?

$("#gridtbl").jqGrid({

datatype: 'json',

colNames: 'Client ID',

'State'],

colModel: [

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

{ name: 'State', viewable: true, formatter: $('#select_service').val()}

],

rowNum: 10,

rowList: [10, 20, 30],

pager: '#pggrid',

sortname: 'ClientId',

viewrecords: true,

sortorder: "desc",

jsonReader: {

repeatitems: false, id: "Id", root: function (obj) { return obj; }

},

caption: "Worklist",

height: '100%',

width: '900',

loadonce: true,

shrinkToFit: false,

gridComplete: function () { disableSelection(document.getElementById("gridtbl")); },

hidegrid: false

});