20131018_AutoComplete.page

<apex:page standardController="Account">

<apex:includeScript value="{!URLFOR($Resource.AutoComplete, 'jquery-1.9.1.js')}" />
<apex:includeScript value="{!URLFOR($Resource.AutoComplete, 'jquery.ui.core.js')}" />
<apex:includeScript value="{!URLFOR($Resource.AutoComplete, 'jquery.ui.widget.js')}" />
<apex:includeScript value="{!URLFOR($Resource.AutoComplete, 'jquery.ui.position.js')}" />
<apex:includeScript value="{!URLFOR($Resource.AutoComplete, 'jquery.ui.menu.js')}" />
<apex:includeScript value="{!URLFOR($Resource.AutoComplete, 'jquery.ui.autocomplete.js')}" />
<apex:stylesheet value="{!URLFOR($Resource.AutoComplete, 'jquery-ui.css')}" />

<script type="text/javascript">
var __sfdcSessionId = '{!GETSESSIONID()}';
</script>

<script src="../../soap/ajax/29.0/connection.js" type="text/javascript"></script>

<script type="text/javascript">
    $(document).ready(function() {
            var result = sforce.connection.query('SELECT Id, Name FROM Account');
            var accounts = result.getArray('records');
            var availableTags = new Array();
            for (var i=0; i<accounts.length; i++) {
              availableTags.push(accounts[i].Name);
            }
            $( ".accName" ).autocomplete({
                source: availableTags
            });
    });
</script>

<apex:form >
<apex:inputField value="{!account.name}" styleClass="accName" />
</apex:form>
</apex:page>