JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://labs.crimsondeviations.com/jquery-ui-1.8rc2-min.js"></script>
<link rel="stylesheet" href="http://jquery-ui.googlecode.com/svn/trunk/themes/base/jquery.ui.all.css">
<p>UI 1.8 Autocomplete in Dialog.  Regression? <strong> RC2</strong></p>
<button id='foo'>Launch</button>

<div id="demo">
    <div class="ui-widget">
    <label for="tags">Tags: </label>
    <input id="tags">
</div>


</div>

JavaScript

$(function() {
    var dialog = $("#demo").dialog({
        autoOpen:false
        }),
        foo = $("#foo").click(function() {
                dialog.dialog(dialog.data("dialog")._isOpen?"close":"open");
        }),
        availableTags = ["c++", "java", "php", "coldfusion", "javascript", "asp", "ruby", "python", "c", "scala", "groovy", "haskell", "perl"],
        tags = $("#tags").autocomplete({
            source: availableTags
        });

});