title: How to refresh datatable list jquery?
body: <p>I am using DataTable Jquery for bind list of records. I face below issue.</p>
  
  <p>I am using jquery model popup for addnew and update record in MVC 4.0 Razor with no submit button only using ajax function. When I am click on "save" button and I want to update list with latest changes, but it can not. My code as below.</p>
  
  <p>For Index page for list bind.</p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
  
          $(document).ready(function () {
  
              if (fnServerObjectToArray) {
                  var oTable = $('.datatable').dataTable({
                      "bJQueryUI": true,
                      "sScrollX": "",
                      "bSortClasses": false,
                      "aaSorting": [[0, 'asc']],
                      "bAutoWidth": true,
                      "bInfo": true,
                      "sScrollY": "100%",
                      "sScrollX": "100%",
                      "bScrollCollapse": true,
                      "sPaginationType": "full_numbers",
                      "bRetrieve": true,
                      "bProcessing": true,
                      "sAjaxSource": $('.datatable').attr('data'),
                      "aoColumns": [
                                    { sType: 'string' },
                                    { sType: 'string' },
                                    { sType: 'string' },
                                    { sType: 'string' },
                                    { bSortable: false }
                      ],
                      "fnServerData": fnServerObjectToArray()
                  });
              }
          });
  
          fnServerObjectToArray = function () {
              return function (sSource, aoData, fnCallback) {
                  $.ajax({
                      "dataType": 'json',
                      "type": "GET",
                      "url": sSource,
                      "data": aoData,
                      "success": function (json) {
                          var a = [];
                          for (var i = 0, iLen = json.aaData.length; i &lt; iLen; i++) {
                              var inner = [];
  
                              inner.push(json.aaData[i].Name);
                              inner.push(json.aaData[i].Price);
                              inner.push(json.aaData[i].Phone);
                              inner.push(json.aaData[i].Email);
                              inner.push("&lt;a title='Edit Place' class='EditDialogPlacesToStay' href='/placetostay/" + json.aaData[i].Id + "/edit'&gt;&lt;img src='/Content/images/icons/small/grey/pencil.png' title='Edit' /&gt;&lt;/a&gt; &lt;a class='DeleteConfirm' href='/placetostay/" + json.aaData[i].ID + "/delete'&gt;&lt;img src='/Content/images/icons/small/grey/trashcan.png' title='Delete' /&gt;&lt;/a&gt;");
                              a.push(inner);
                          }
                          json.aaData = a;
                          fnCallback(json);
                      },
                      "error": function (error) {
                      }
                  });
  
              }
          }
      &lt;/script&gt;
  </code></pre>
  
  <p>On save button in success function I call the location.reload().</p>
  
  <p>But I could not bind the latest changes of records means List is not refreshed.</p>
  
  <p>Please help me for same.</p>