jQuery Grid Plugin - jqGrid

Hi,

I would like to use the multisearch facility but when I click on the search button, the search form appears above the grid but the search form is disabled and so is the whole grid, everything is dimmed out.

Can you help please.

This is my code:

<script type="text/javascript">

    $(function() {

        jQuery("#list").jqGrid({
            url: '/Admin/Stock/GetListData/',
            datatype: 'json',
            mtype: 'GET',
            colNames: ['Primary Image', 'Id', 'Artist ID',
                    'MediumID', 'SourceID', 'StockOwnerID', 'ClientID',
                    'Artist', 'Description', 'Medium', 'Source', 'StockOwner', 'Client', 'Stock No.', 'PO No.', 'Size', 'Sold',
                    'Signed', 'Location', 'DateAcquired', 'ArtistName', 'ArtistDates', 'ArtistBiography'
                ],
            colModel: [
                  { name: 'jqPrimaryImage', hidden: false, index: 'jqPrimaryImage', align: 'center' },
                  { name: 'Id', hidden: true, index: 'Id', width: 40, align: 'left' },
                  { name: 'ArtistID', hidden: true, index: 'ArtistID', width: 40, align: 'left' },

                  { name: 'MediumID', hidden: true, index: 'MediumID', width: 40, align: 'left' },
                  { name: 'SourceID', hidden: true, index: 'SourceID', width: 40, align: 'left' },
                  { name: 'StockOwnerID', hidden: true, index: 'StockOwnerID', width: 40, align: 'left' },
                  { name: 'ClientID', hidden: true, index: 'ClientID', width: 40, align: 'left' },

                  { name: 'ArtistProperName', searchoptions: { sopt: ['eq', 'ne', 'lt', 'le', 'gt', 'ge'] }, hidden: false, index: 'ArtistProperName', width: 40, align: 'left' },
                  { name: 'Description', searchoptions: { sopt: ['eq', 'ne', 'lt', 'le', 'gt', 'ge'] }, hidden: false, index: 'Description', width: 70, align: 'left' },
                  { name: 'Medium', hidden: true, index: 'Medium', width: 40, align: 'left' },
                  { name: 'Source', hidden: true, index: 'Source', width: 60, align: 'left' },
                  { name: 'StockOwner', hidden: true, index: 'StockOwner', width: 60, align: 'left' },
                  { name: 'Client', hidden: false, index: 'Client', width: 60, align: 'left' },
                  { name: 'StockNumber', hidden: false, index: 'StockNumber', width: 30, align: 'left' },
                  { name: 'PONumber', hidden: false, index: 'PONumber', width: 30, align: 'left' },
                  { name: 'Size', hidden: false, index: 'Size', width: 40, align: 'left' },
                  { name: 'Sold', formatter: 'checkbox', index: 'Sold', width: 35, align: 'center' },
                  { name: 'Signed', formatter: 'checkbox', index: 'Signed', width: 35, align: 'center' },
                  { name: 'Location', hidden: false, index: 'Location', width: 40, align: 'left' },
                  { name: 'DateAcquired', hidden: true, index: 'DateAcquired', width: 40, align: 'left' },
                  { name: 'ArtistName', hidden: true, index: 'ArtistName', width: 40, align: 'left' },
                  { name: 'ArtistDates', hidden: true, index: 'ArtistDates', width: 40, align: 'left' },
                  { name: 'ArtistBiography', hidden: true, index: 'ArtistBiography', width: 40, align: 'left' }
                ],
            autowidth: true,
            pager: "#pager",
            rowNum: 20,
            rowList: [5, 10, 20, 50],
            sortname: 'ArtistName',
            sortorder: "asc",
            viewrecords: true,
            imgpath: '/scripts/themes/ui-darkness/images',
            caption: "Stock",
            sopt: ['cn', 'bw', 'eq', 'ne', 'lt', 'gt', 'ew'],
            viewsortcols: true
        }).navGrid("#pager", { refresh: true, edit: false, add: false, del: false, search: true },
        {}, // edit options
        {}, // add options
        {}, //del options
        {multipleSearch: true} // search options 
        );
    });

</script>