Autocomplete using JQuery

Introduction :
   Hi, Here i will code you how to implement a Autocomplete Feature from JQuery, Here i used a textbox and assigned a ID to it as 'autocomplete' and This Should be declared in the JQuery Selector to use the feature.Here i created a list of names as a Source for the autocomplete function.Support files need are JQuery-ui,Jquery-css,Jquery Support file.



Aspx Code :


<html>
<head>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
<script type="text/javascript">
$(document).ready(function () {
$("input#autocomplete").autocomplete({
source: ["Venki", "Venu madhav", "Vinay kumar", "Vimal khan", "Karun", "Karthick", "Kalyani"]
});
});
</script>
</head>
<body>
Enter the names
<input id="autocomplete" />
</body>

</html>