title: Need to submit editable data to backend on button click
body: <p>I have to serialize my data and send it to the backend through ajax. I tried doing it using method told in datatable but it doesn't work for me.</p>
  
  <p>I have a table which is editable. Few fields are editable and those editable data should be submitted to the backend in the serial they are entered. I tried below solution but its not working for me:</p>
  
  <pre><code>var table = $('#example').DataTable();
  
  // Handle form submission event
  $('#subcpskam').on('click', function (e) {
      // Prevent actual form submission
      e.preventDefault();
  
      // Serialize form data
      var data = table.$('input,select,textarea').serialize();
  
      // Submit form data via Ajax
      $.ajax({
          url: 'submitAccount.htm',
          data: data,
          console.log(data);
          success: function (data) {
              console.log('Server response', data);
          }
      });
  });
  </code></pre>
  
  <p>I want to submit datatable's full data on submit button click but I can see data in the console but can't submit it to the database.</p>
  
  <p><a href="https://i.stack.imgur.com/UIy6J.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/UIy6J.png" alt="enter image description here"></a></p>