Catch change event on input field dynamically added to Jquery Datatables table

Question

I have an ajax call that uses the following code to add some rows to a data table for each record in the response:

strAppName = data.Application_Name
maintCo         


        

Answer 1

you can also use $(document).on('input', '.maintCostField', function () {

Answer 2

The answer to that question is actually wrong. (He updated the answer!) You have to bind the event to a parent element because the input doesn't exist yet in order to bind the event to.

$(document).on('change', '.maintCostField', function() { 

FIDDLE