title: Datatable inline editing not working as it should
body: <p>I have a datatable script of inline editing, it's working perfect. The trouble is that ajax is not sending data to POST to php. I don't know what to do, because i consider my code is correct. The inline is working, the inputs appear when i press on edit, and when i press save it calls me the test.php but it doesn't post data. Here is my js.</p>
  
  <p><strong>JS</strong></p>
  
  <pre><code>function editRow(oTable, nRow) {
              var aData = oTable.fnGetData(nRow);
              var jqTds = $('&gt;td', nRow);
              jqTds[0].innerHTML = '&lt;input type="text" class="form-control input-small" id="nume" value="' + aData[0] + '"&gt;';
              jqTds[1].innerHTML = '&lt;input type="text" class="form-control input-small" id="prenume" value="' + aData[1] + '"&gt;';
              jqTds[2].innerHTML = '&lt;input type="text" class="form-control input-small" value="' + aData[2] + '"&gt;';
              jqTds[3].innerHTML = '&lt;input type="text" class="form-control input-small" value="' + aData[3] + '"&gt;';
              jqTds[4].innerHTML = '&lt;input type="text" class="form-control input-small" value="' + aData[4] + '"&gt;';
              jqTds[5].innerHTML = '&lt;input type="text" class="form-control input-small" value="' + aData[5] + '"&gt;';
              jqTds[6].innerHTML = '&lt;input type="text" class="form-control input-small" value="' + aData[6] + '"&gt;';
              jqTds[7].innerHTML = '&lt;input type="text" class="form-control input-small" value="' + aData[7] + '"&gt;';
              jqTds[8].innerHTML = '&lt;a class="edit" href=""&gt;Save&lt;/a&gt; &lt;a class="cancel" href=""&gt;Cancel&lt;/a&gt;';
  
          }
  
          function saveRow(oTable, nRow) {
              var jqInputs = $('input', nRow);
              oTable.fnUpdate(jqInputs[0].value, nRow, 0, false);
              oTable.fnUpdate(jqInputs[1].value, nRow, 1, false);
              oTable.fnUpdate(jqInputs[2].value, nRow, 2, false);
              oTable.fnUpdate(jqInputs[3].value, nRow, 3, false);
              oTable.fnUpdate(jqInputs[4].value, nRow, 4, false);
              oTable.fnUpdate(jqInputs[5].value, nRow, 5, false);
              oTable.fnUpdate(jqInputs[6].value, nRow, 6, false);
              oTable.fnUpdate(jqInputs[7].value, nRow, 7, false);
              oTable.fnUpdate('&lt;a class="edit" href=""&gt;Edit&lt;/a&gt;', nRow, 8, false);
              oTable.fnDraw();
          }
  
  
          table.on('click', '.edit', function (e) {
              e.preventDefault();
  
              /* Get the row as a parent of the link that was clicked on */
              var nRow = $(this).parents('tr')[0];
  
              if (nEditing !== null &amp;&amp; nEditing != nRow) {
                  /* Currently editing - but not this row - restore the old before continuing to edit mode */
                  restoreRow(oTable, nEditing);
                  editRow(oTable, nRow);
                  nEditing = nRow;
              } else if (nEditing == nRow &amp;&amp; this.innerHTML == "Save") {
                  /* Editing this row and want to save it */
                  saveRow(oTable, nEditing);
                  nEditing = null;
                  $.ajax({
                  type: 'POST',
                  url: 'test.php',
                  data: {num: $('#nume').val()},
                  success: function(data)
                  {
                      $("#content").html(data);
                      console.log(data);
                  }
              });
              } else {
                  /* No edit in progress - let's start one */
                  editRow(oTable, nRow);
                  nEditing = nRow;
              }
          });
  </code></pre>