JQueryUI smartAutocomplete

<%@ Page Title="Home Page" Language="C#" MasterPageFile="~/Site.master" AutoEventWireup="true"
    CodeFile="Default.aspx.cs" Inherits="_Default" %>

<asp:Content ID="HeaderContent" runat="server" ContentPlaceHolderID="HeadContent">
</asp:Content>
<asp:Content ID="BodyContent" runat="server" ContentPlaceHolderID="MainContent">
    <script src="Scripts/smartautocomplete.js" type="text/javascript"></script>
    <style>
        .ui-autocomplete
        {
            max-height: 100px;
            overflow-y: auto; /* prevent horizontal scrollbar */
            overflow-x: hidden; /* add padding to account for vertical scrollbar */
            padding-right: 20px;
        }
        /* IE 6 doesn't support max-height
	 * we use height instead, but this forces the menu to always be this tall
	 */
        * html .ui-autocomplete
        {
            height: 100px;
        }
    </style>
    <script type="text/javascript">
        $(document).ready(function () {
            //Input for testing purposes
            $("#inp").smartautocomplete({
                getDataFunc: getData,
                pageSize: 15,
                autoFocus: true
            });

            //Input for testing purposes
            $("#inp2").smartautocomplete({
                getDataFunc: getData,
                pageSize: 15,
                autoFocus: true
            });
        });

        //Function the SA plugin called when data is needed. 
        var getData = function (input, pageIndex, pageSize, callback) {
            //In this example I use a WebMethod, but you can call anything from a local source to any web service.
            PageMethods.GetData(input, pageIndex, pageSize, function (response) {
                if (response) {
                    //Data is assumed to be received in a {label: , value: , ...} form, as needed by jqueryUI autocomplete. Of course, if you change the _renderItem function, you are free to modify this as you want
                    response = $.map(response, function (item) {
                        return {
                            label: item,
                            value: item
                        }
                    });
                    callback(response);
                }
                else callback();
            });
        };

    </script>
    <asp:ScriptManager ID="scriptManager" runat="server" EnablePageMethods="true">
    </asp:ScriptManager>
    <h2>
        <input id="inp" type="text" style="width: 350px;" />
        <input id="inp2" type="text" style="width: 350px;" />
    </h2>
</asp:Content>