title: Transfering a row data from one table to another in jquery datatable shows [object Object]
body: <p>i use image mapster for mapping human image.when i click a part of it organ name send as parameter to web service.Code:</p>
  
  <pre><code>[WebMethod]
      public void GetSymptoms(String organ_name)
      {
          List&lt;symps&gt; listSymptoms = new List&lt;symps&gt;();
  
          string CS = ConfigurationManager.ConnectionStrings["EhealtsCS"].ConnectionString;
          using (SqlConnection con = new SqlConnection(CS))
          {
              SqlCommand cmd = new SqlCommand("sendSymptoms", con);
              cmd.CommandType = CommandType.StoredProcedure ;
  
              SqlParameter parameter = new SqlParameter();
              parameter.ParameterName = "@organ";
              parameter.Value = organ_name;
              cmd.Parameters.Add(parameter);
  
              con.Open();
              SqlDataReader rdr = cmd.ExecuteReader();
              while (rdr.Read())
              {
                  symps symp = new symps();
                  symp.Sympt = rdr["SymptomsName"].ToString();
                  listSymptoms.Add(symp);
  
              }
  
              JavaScriptSerializer js = new JavaScriptSerializer();
              Context.Response.Write(js.Serialize(listSymptoms));
          }
  </code></pre>
  
  <p>It returns symptoms name as json data for specific organ which i bind using datatable.now i want to transfer row value of this table to another table.
  Code:</p>
  
  <pre><code>$('#manLeg').mapster($.extend({}, options,{
  
      onClick: function (e) {
  
          if (e.key === 'toes')
          {
              $.ajax({
                  url: "SympsService.asmx/GetSymptoms",
                  data: { organ_name: "toes" },
                  method: "post",
                  dataType: "json",
                  success: function (data) {
                      $('#symptomsTable').DataTable({
                          destroy: true, paging: false, searching: false, info: false, data: data,
                          columns: [
                              {
                                  'data': 'Sympt',
                                  'title': 'Shin Symptoms',
                                  class: 'center'
                              },
                          {
                              "targets": [-1],
                              'data': null,
                              render: function () {
                                  return "&lt;button type='button'&gt;Choise&lt;/button&gt;"
                              }
                          }
                          ]
  
                      });
                      $("#symptomsTable button").on("click", function (evt) {
  
                          var table1 = $("#symptomsTable").DataTable();
                          var table2 = $("#choiseTable").DataTable();
                          var tr = $(this).closest("tr");
                          var row = table1.row(tr);
                          var data = JSON.parse(JSON.stringify(row.data()));
                          row.remove().draw();
                          table2.row.add(data).draw();
                      });
  
                      $("#choiseTable").DataTable({
                          destroy: true, paging: false, searching: false, info: false,
                          columns: [
                             {
                                 data:null,
                                 'title': 'Selected Symptoms'
                             }
                          ]
                      });
  
                  },
  </code></pre>
  
  <p>when i clicked choice button a row is removed and new row created in second table but the value can not pass. in new row it show [object Object] for every row.
  PLEASE,can anyone tell me what is wrong in my code.any kind of help will be greatly appreciated.</p>