JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
<script src="http://harvesthq.github.io/chosen/chosen.jquery.js"></script>
<script src="http://harvesthq.github.io/chosen/docsupport/prism.js"></script>
<link rel="stylesheet" href="http://harvesthq.github.io/chosen/chosen.css">
<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css">
<div id="dialog" title="Alert">
    <p>Select options</p>
    <select data-placeholder="Choose Tags" class="chosen-select" multiple style="width:350px;" tabindex="4">
            <option value=""></option>
            <option value="Option1" selected="selected">Option1</option>
            <option value="Option2">Option2</option>
            <option value="Option3">Option3</option>
        </select>
</div>
<input type="button" id="opener" value="show Alert" />

JavaScript

$("#dialog").dialog({
	autoOpen: false,
	height: 300,
	width: 400,
	modal: true,
	open: function(){
		$('.chosen-select', this).chosen();
    }
});



$("#opener").click(function () {
    $("#dialog").dialog("open");
});