title: JQuery's Change() event don't catch values selected by autocomplete
body: <p>I have an Onchange Event Defined on a Textbox as below</p>
  
  <pre><code> $('input[ComponentAttribute]').on("change",function () {
                  dataTxt = "";
                  var thisID = $(this).attr('id');
                  var temp = $('#' + thisID).val();
                  if (!(temp.trim()=='')) {
                      //                    alert($(this).attr('ComponentAttributeID') + " - " + temp);
                      placeholder[$(this).attr('ComponentAttributeID')] = temp;
                      for (var key in placeholder) {
                          if (key === 'length' || !placeholder.hasOwnProperty(key)) continue;
                          var value = placeholder[key];
                          dataTxt += key + ":" + value + ";";
                      }
                      $('[DataAttributeValue]').text(dataTxt);
                  }
              });
  </code></pre>
  
  <p>Now, the event fires when user enters value by keyboard. But when user selects a value from Autocomplete as shown, <a href="https://i.stack.imgur.com/qLghy.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/qLghy.png" alt="enter image description here"></a>  the Event don't fire. What am I missing here?</p>