JSFiddle - React, Tailwind, and code Playground

HTML

<input type="text" name="text1" id="text1" />
<button type="button" name="button1" id="button1">Button</button>

<p><strong>Steps to reproduce:</strong></p>

<ol>
  <li>Type "abc" in the first text input element</li>
  <li>Hit tab or click elsewhere on the page to trigger the change event - you should see an alert</li>
  <li>Click the button to set the value of the first text element to ""</li>
  <li>Type "abc" in the first text input element again</li>
  <li>Hit tab or click elsewhere on the page to trigger the change event again</li>
</ol>

<p><strong>Expected:</strong></p>

<p>The alert appears for a second time.</p>

<p><strong>Actual:</strong></p>

<p>The alert does not appear.</p>

<p><strong>Notes:</strong></p>

<p>This only occurs in Internet Explorer 6-8 using jQuery 1.4.0. Previous versions of jQuery do not exhibit this behavior.</p>

JavaScript

$('input').change(function() {
    alert('Change event works');
  });
  
  $('#button1').click(function() {
    $('input').val('');
  });