JSFiddle - React, Tailwind, and code Playground

by TJ VanToll

HTML

<script src="http://code.jquery.com/jquery-1.8.3.js"></script>
<link href="http://code.jquery.com/ui/1.9.2/themes/base/jquery-ui.css" rel="stylesheet" />
<script src="http://code.jquery.com/ui/1.9.2/jquery-ui.js"></script>

<p><a href="http://bugs.jqueryui.com/ticket/8878">jQuery UI #8878</a> - The <code>change</code> event does not fire when an autocomplete selection is made.  The event is fired using jQuery UI 1.8.24.</p>

<input type="text" id="autocomplete" />

JavaScript

var availableTags = [ "ActionScript", "AppleScript", "Asp", "BASIC", "C", "C++", "Clojure", "COBOL", "ColdFusion", "Erlang", "Fortran", "Groovy", "Haskell", "Java", "JavaScript", "Lisp", "Perl", "PHP", "Python", "Ruby", "Scala", "Scheme" ];

$( '#autocomplete' ).autocomplete({
    source: availableTags
});
$( '#autocomplete' ).on( 'change', function() {
   console.log( 'change' ); 
});