Top
Home
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<script src="http://code.jquery.com/jquery-1.10.2.js"></script>
<script src="http://code.jquery.com/ui/1.11.0/jquery-ui.js"></script>
<script>
$.get( "autocomplete.txt" ).done(function( data ) {
$( "#autocomplete" ).autocomplete( { source: data.split( "\n" ) } );
});
</script>
</head>
<body>
<div class="ui-widget">
<label for="tags">Tags: </label>
<input id="autocomplete">
</div>
</body>
</html>

>>>>>>>>>>>>>>>>>>><<<<<<<<<<<<<<<<<<<<<<>>>>>>>>>>>>>>>>>>>>>>>><<<<<<<<<<<<<

.ui-autocomplete {
position: absolute;
top: 0;
left: 0;
cursor: default;
}

.ui-menu {
list-style: none;
padding: 0;
margin: 0;
display: block;
outline: none;
}

.ui-menu .ui-menu-item {
position: relative;
margin: 0;
padding: 3px 1em 3px 1em;
cursor: pointer;
min-height: 0; /* support: IE7 */
}

.ui-widget {
font-family: Verdana,Arial,sans-serif;
font-size: .8em;
}

.ui-widget .ui-widget {
font-size: 1em;
}

.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
font-family: Verdana,Arial,sans-serif;
font-size: 1em;
}

.ui-widget-content {
border: 1px solid #aaaaaa;
background: #efefef;
color: #222222;
background-image:url(http://www.mooseloose.com/images/moosebg.png);

}