Hi, I have a datatable, the first column show agencies assigned to this row, in another column I have a button that when clicked show a form to assign new agencies to this row, everything work well, but for the new agencies added I have to refresh the page to see them, is there any way to add them as soon as I click the button "Assign" ?

here is an image showing what I am talking about :

http://s18.postimg.org/9xtvp7w6x/rr_Agency.png

Thanks.

2. $("#divPopUp").dialog({
3.         resizable: true,
4.         autoOpen: false,
5.         height: 500,
6.         width: 550,
7.         modal: true,
8.         buttons: {
9.             "Assign": function () {
10.                   var agenciesId = $(this).find(":checkbox:checked").map(function () {
11.                     return this.value;
12.                 }).get();
13.                  //alert("agenciesId :" + agenciesId);
14.                  var ruleIDd = $("#divPopUp").data('param_1');
15.                  $.ajax({
16.                 url: 'assignRenameRuleToAgency.do',
17.                 data: {"agenciesId": agenciesId,"ruleId":ruleIDd },
18.                 success: function(response) {
19.                    toastr.success(response.message);
20.                 }
21.             }) ;        
22.                   oTable.draw(); 
23.                 $(this).dialog("close");
24.             },
25.             Cancel: function () {
26.                 $(this).dialog("close");
27.             }
28.         },
29.         close: function () {
30.             $(this).find(":checkbox").removeAttr('checked');
31.             $(this).dialog("close");
32.         }
33.     });