jQuery Grid Plugin - jqGrid

Hi , 

I am relatively new user for Jquery/JqGrid .

I am working on a project which needs to move the Data between two grids.

1)      Initially the data will load from the server for the both grids.

2)      Then user should able to move the data between these two grids (not submit/load the data from the server) client side.

3)      There are some other form elements users needs to input before submit the changes to server.

function assignDistGroups(fromGrid, toGrid){

    var selArr = $('#' + fromGrid).jqGrid('getGridParam', 'selarrrow');

    console.log("Selected rows on Available Dist :" + selArr);

    $.each(selArr, function(value){

        var selectedRowId = selArr[value];

        var rowData = $('#' + fromGrid).jqGrid('getRowData', selectedRowId);

        console.log("Value :" + value);

        console.log("Selected Row Index Value :" + selectedRowId);

        console.log("Row Data Group Name :" + rowData['distGroupName']);

        var isAddSuccessful = $('#' + toGrid).jqGrid('addRowData', selectedRowId, rowData, 'after', null);

            var isRemoveSuccessful = $('#'+fromGrid).jqGrid('delRowData', selectedRowId);

        console.log("Is Successfully Added  :" + isAddSuccessful);

        console.log("Is Successfully Removed  :" + isRemoveSuccessful);

    });

      $('#'+fromGrid).trigger("reloadGrid");

      $('#'+toGrid).trigger("reloadGrid");

    return false;

}

$('#'+fromGrid).trigger("reloadGrid");

$('#'+toGrid).trigger("reloadGrid");

The .trigger(“reloadGrid”) call is refreshing from the server. Is there a way I can just refresh client side?

Thank you,

Mohan