on change jquery

1You can apply any one approach:
2
3$("#Input_Id").change(function(){   // 1st
4    // do your code here
5    // When your element is already rendered
6});
7
8
9$("#Input_Id").on('change', function(){    // 2nd (A)
10    // do your code here
11    // It will specifically called on change of your element
12});
13
14$("body").on('change', '#Input_Id', function(){    // 2nd (B)
15    // do your code here
16    // It will filter the element "Input_Id" from the "body" and apply "onChange effect" on it
17});

1$("input").change(function(){
2  alert("The text has been changed.");
3});

1//Delete comments After getting help.
2//You can apply any one approach:
3
4
5$("#Input_Id").change(function(){   // 1st
6    // do your code here
7    // When your element is already rendered
8});
9
10
11$("#Input_Id").on('change', function(){    // 2nd (A)
12    // do your code here
13    // It will specifically called on change of your element
14});
15
16$("body").on('change', '#Input_Id', function(){    // 2nd (B)
17    // do your code here
18    // It will filter the element "Input_Id" from the "body" and apply "onChange effect" on it
19});

1$("#input").change(function(){
2  alert("The text has been changed.");
3});

1$(document).on('change', 'input', function() {
2  // Does some stuff and logs the event to the console
3});
4

1// On element change.
2$('mydiv').bind('DOMSubtreeModified', function () {
3  console.log('changed');
4});