title: Detect changes in an input field in a nested dataTable cell using Jquery/JS
body: <p>I have a child dataTable nested in a dataTable. The cells in the child table have input type number fields, I want to detect changes to the field and get the new value. However I am not able to catch the change event.</p>
  
  <p>The input field have a class like such :</p>
  
  <pre><code>&lt;td&gt;&lt;input type='number' class='edit_detect' name='input_field' value=1&lt;/td&gt;
  </code></pre>
  
  <p>I detect changes to the field using the class like this : </p>
  
  <pre><code>$(".edit_detect").on('change keyup input', function(event){
      console.log(event);
  })
  </code></pre>
  
  <p>But the function never gets run, i.e. the event is never registered.</p>
  
  <p>What do I seem to be doing wrong ?</p>