I need jqgrid to refresh the entire page, not just the grid

I need jqgrid to refresh the entire page, not just the grid

I need jqgrid to refresh the entire page, not just the grid

I have a jqgrid that displays the job details of auto repairs. Right now, I have the grid reloading using the following script and I need to change it so that it refreshes the entire page so that the subtotal and total fields (that sit outside of the grid) update. Here is my relevant code, any help would be greatly appreciated:

  1. var editOptions = {
            keys: true,
            successfunc: function () {
                var $self = $(this);
                setTimeout(function () {
                    $self.trigger("reloadGrid");
                }, 50);
            }
        };
         
          $grid.jqGrid('navGrid', '#pager', {add: false, edit: false, del: true, search:false},{reloadAfterSubmit:true,afterSubmit:commonSubmit,closeAfterEdit:true,width:"400"},{reloadAfterSubmit:true,afterSubmit:commonSubmit,closeAfterAdd:false,width:"400"},{url:"editGrid.cfc?method=delUser",closeAfterDelete:true,reloadAftersubmit:false,afterSubmit:commonSubmit,caption:"Delete",msg:"Delete selected",width:"400"});
         
          $grid.jqGrid('inlineNav', '#pager', {addParams:{position:"last",addRowParams:editOptions},editRowParams:editOptions});
      });

I've even tried changing $self.trigger("reloadGrid"); to $self.trigger("location.reload ()"); but that just makes the new row disappear until I refresh the page manually using F5. (I also tried resetForm() and got the same results)