title: Refresh the Grid with the latest Data in DATABASE
body: <p>I am using a grid where I am passing the values to the controller class and saving the data to Database, but if I refresh the page the new changes are gone. The datas that were present before saving the grid will be displayed again. 
  Here is my Code Snippet of ajax call. </p>
  
  <pre><code>$("#btnSaveJobCode").click(function(){
  
     var rowscount = $("#activityCodeRatioDistribution").jqxGrid('getdatainformation').rowscount;
     var postdata = "";
     var rows = $('#activityCodeRatioDistribution').jqxGrid('getrows');
  
   $.ajax({
            url : "saveActivityCodeRatio.htm",
            cache : false,
            type : "POST",
            contentType : "application/json",
            async : false,
            dataType : "json",
            data : JSON.stringify(rows)
  
            }).done(function(data) {
                alert("Save Successful.");
                $('#activityCodeRatioDistribution').trigger( 'reloadGrid' );
  
               }).fail(function() {alert("fail");});
         });
  </code></pre>
  
  <p>What should I do to get the latest data from Database at each refresh? I am using Spring MVC and JQX grid. Thanks in advance.</p>