JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://jquery-ui.googlecode.com/svn/trunk/themes/base/jquery.ui.all.css">
<script src="http://jquery-ui.googlecode.com/svn/tags/1.8rc1/ui/jquery-ui.js"></script>
<p>UI 1.8 Autocomplete in Dialog.  Regression? <strong> RC1</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
        });

});