Отслеживайте изменения на JQuery в компоненте ввода

Question

Я пытаюсь отслеживать изменения в элементе ввода ниже элемента.

<input type="text" id="amount" style="border:0; color:#f6931f; font-weight:bold;">

Это работает, когда я вручную изменяю значения ввода

$( "input[type='text']" ).change(function() {
    alert( "Test" );
  });

Но когда я добавляю параметр readonly ввести значение и изменить входные значения через Jquery это больше не работает? Как можно отслеживать изменения, обработанные с помощью JQuery?

<input type="text" id="amount" readonly style="border:0; color:#f6931f; font-weight:bold;">

============================
Благодаря
Neeraj Amoli
Pranav C Balan

Решение:

Html

<input type="text" id="amount" readonly style="border:0; color:#f6931f; font-weight:bold;">

JQuery

$("#amount").val("Something").trigger('change');

$("#amount").change(function () {
    console.log("Test");
    });

Answer 1

$("#amount").on('change',function() {
   alert("Test" );
   console.log($(this).val());
});