JqGrid grouping throws - uncaught exception: jqGrid - No such method: groupingSetup

See more:

jQuery

JQGrid

When I set grouping:true it throws exception - uncaught exception: jqGrid - No such method: groupingSetup.
Hi Below is my code for JqGrid. I am passing the url & triggering the reload on button click event. When I dont pass the grouping:true, it works fine.

Please Help me ASAP. I have a demo to show.
Thanks in advance.

$('#tblInputSources').jqGrid({
            //url: self.Resources.get('SystemServiceGridUrl'),
            datatype: 'json',
            colNames: [
                'InputTypeId',
                'InputTypeName',
                'ExternalInputId',
                'InputSourceName',
                'StoppedTime'
            ],
            colModel: [
                { name: 'InputTypeId', hidden: true, sortable: false, resizable: false },
                { name: 'InputTypeName', hidden: false, sortable: false, resizable: false },
                { name: 'ExternalInputId', hidden: true, sortable: false, resizable: false },
                { name: 'InputSourceName', hidden: false, sortable: false, resizable: false },
                { name: 'StoppedTime', hidden: false, sortable: false, resizable: false }
            ],
            mtype: 'GET',
            caption: 'This is title',
            rowNum: 100,
            hidegrid: false,
            autowidth: true,
            loadonce: false,
            viewrecords: true,
            loadui: 'block',
            width: 100,
            height: 420,
            //search: true,
            multiselect: true,
            //multiselectWidth: 28,
            loadtext: 'Add Localization...',
            sortname: 'InputTypeName',
            grouping: true,
            groupingView: {
                groupField: ['InputTypeName'],
                groupText: ['<input type="checkbox" class="groupHeader"/> <b>  {0}  </b>'],
                hideFirstGroupCol: true,
                groupCollapse: [false]
            }
        });