title: Reading data from table (HTML, JAVAscript)
body: <p>I have this table that receive from the server:
  (with ajax):</p>
  
  <pre><code>    $.each(data, function(i, item) {
          $('#MyTable tbody').append("&lt;tr&gt;"d
               +"&lt;td&gt;" +data[i].A+ "&lt;/td&gt;&lt;td&gt;" 
               +data[i].B
               +"&lt;/td&gt;&lt;td&gt;&lt;input type='text' value='"
               +data[i].C+"'/&gt;&lt;/td&gt;&lt;td&gt;&lt;input type='text' value='"
               + data[i].D+"'/&gt;&lt;/td&gt;"
               + "&lt;/tr&gt;");
          });
  </code></pre>
  
  <p>C and D are edit text, that the user can change. after the changing by the user I want to "take" the all new data from the table and send it by ajax with JSON.
  how can I read the data to a JSON?</p>
  
  <p>I start to write one but I am stuck on:</p>
  
  <pre><code>function saveNewData(){
  
      var newData= ...
  $.ajax({
      type: "GET",
      url: "save",
      dataType: "json",
      data: { 
      newData: newData},
      contentType : "application/json; charset=utf-8",
      success : function(data) {
      ...
      },
      error : function(jqXHR, textStatus, errorThrown) {
          location.reload(true);
      }
      }); 
  }
  </code></pre>
  
  <p>thank you</p>