自动完成JQuery无法正常工作

Question

我是JQ的新东西。所以基本上我有一个简单的文本框，我想让用户搜索一些项目。我正在使用JQ。我读了这个实现这个例子的链接：

http://aspnetnova.blogspot.com/2009/06/simple-jquery-ajax-server-side.html

这是我的代码：

<asp:Content ID="Content1" ContentPlaceHolderID="HeadContent" runat="server">
<style type="text/css">
    .login
    {}
</style>



 <script type ="text/javascript">
   var data = "";
   $(document).ready(function () {
       $("#tbSearch").click(function () {
           $.ajax({
               type: "POST",
               url: "AgentList.aspx/LoadData",
               data: "{}",
               contentType: "application/json; charset=utf-8",
               dataType: "json",
               success: function (data) {
                   data = msg.d.split(" ");
                   $('#<%= tbSearch.ClientID %>').autocomplete(data);

               }
           });
       });
   });

    </script>    
</asp:Content>

    <asp:TextBox ID="tbSearch" runat="server" ontextchanged="tbSearch_TextChanged"></asp:TextBox>

这是我背后的代码：

#region "Auto Complete"

    [System.Web.Services.WebMethod]
    public static string LoadData()
    {
        return "S M SMI SM A ABC ABCD ABCI";
    }

    #endregion

我在这里做错了什么？