jQuery Grid Plugin - jqGrid

I'm using custom cell editing. Here is my code.

colModel: [{ name: 'name', index: 'name',width:'90px',align:"center",editable:true,classes:"editable",edittype:'custom',editoptions:{custom_element:mycampaignname, custom_value:mycompaignvalue}},......],

// I'm adding div + textbox + save button when that cell is editable: I don't know other way around so I just did this way.

 function mycampaignname (value, options)
                {
                  var eldiv = document.createElement("div");
                  eldiv.value = value;
                  
                  var el = document.createElement("input");
                  el.type ="text";
                  el.value = value;
                  
                  var br = document.createElement('br');
                  
                  var elb = document.createElement("input");
                  elb.type="button";
                  elb.value = "save";
                  elb.style.width="45%";
                  elb.style.styleFloat = "right";
                  elb.onclick = SaveBtnClick;
                  
                  var hiddeninput=document.createElement("input");
                  hiddeninput.id ="hiddenvalue";
                  hiddeninput.value=value;
                 
                  eldiv.appendChild(el);
                  eldiv.appendChild(br);
                  eldiv.appendChild(elb);
                                   return eldiv;
                }
 
                function mycompaignvalue(elem)
                {
                  return $(elem).val();
                }

Now this is working fine upto this point. Now I want to add send data to server on save button click event. How  can I do that?

& Also if I put cancel button along with save then when I click cancel how does cell get back to its original value.(just like when you click on outside editable cell)

Thanks,

A