title: passing in enum values into jquery grid filter
body: <p>this seems really easy but have not been able to do it.  </p>
  
  <p>Currently I have an enum:</p>
  
  <pre><code>enum LocationCodes{
    USA(3), Canada(4), Carribean(5), USPacific(6)
    NANPCodeGroup(int value) {this.value = value}
    private final int value
    public int value() {return value}
  }
  </code></pre>
  
  <p>And I have a jquery grid in my gsp that has a dropdown for searching</p>
  
  <pre><code>        &lt;!-- table tag will hold our grid --&gt;
          &lt;table id="customer_list" class="scroll jqTable" cellpadding="0" cellspacing="0"&gt;&lt;/table&gt;
          &lt;!-- pager will hold our paginator --&gt;
          &lt;div id="customer_list_pager" class="scroll" style="text-align:center;"&gt;&lt;/div&gt;
  
  &lt;script type="text/javascript"&gt;
          /* when the page has finished loading.. execute the follow */
          $(document).ready(function () {
              jQuery("#customer_list").jqGrid({
                url:'jq_customer_list',
                datatype: "json",
                colNames:['customer','location','id'],
                colModel:[
                  {name:'customer'},
                  {name:'location',stype:'select', searchoptions:{value:':All;USA:USA;Canada:Canada;Carribean:Carribean;USPacific:USPacific;'}},
                  {name:'id', hidden:true}
                ],
                rowNum:2,
                rowList:[1,2,3,4],
                pager: jQuery('#customer_list_pager'),
                viewrecords: true,
                gridview: true
              });
              $("#customer_list").jqGrid('filterToolbar',{autosearch:true});
          });
          &lt;/script&gt;
  </code></pre>
  
  <p>For the location I would like to put in the enum values.  Any thoughts?  Thanks!</p>