Java script not executing in my application

Below is my HTML code:

<%@ Page Language="C#" AutoEventWireup="true" MasterPageFile="~/Site.Master" CodeBehind="BranchRegistration.aspx.cs" Inherits="BloodBank.BranchRegistration" %>

    <asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">
        <div class="settings_pagecontent">
            <div class="addform">
                <asp:Button ID="BtnAdd" runat="server" CssClass="button" Text="Add" />
                <br />
                <br />
            </div>
            <div class="form">
                <div class="settings_border-line">
                    <div class="settings_label_left">
                        <asp:Label ID="lblbranchname" class="settings_label_inv" runat="server" Text="Branch Name"></asp:Label>
                        <br />
                        <br />
                        <asp:Label ID="lblbranchphonenumber" class="settings_label_inv" runat="server" Text="Phone Number"></asp:Label>
                        <br />
                        <br />
                    </div>
                    <div class="text_right">
                        <asp:TextBox ID="txtbranchname" class="settings_textbox_body Branch_txt" runat="server"></asp:TextBox><br />
                        <br />
                        <asp:TextBox ID="txtbranchphonenumber" class="settings_textbox_body" runat="server"></asp:TextBox>

                        <asp:Label ID="lblbranchemailid" class="settings_label_inv" runat="server" Text="Email ID"></asp:Label>
                        <asp:TextBox ID="txtbranchemailid" class="settings_textbox_body" runat="server"></asp:TextBox>
                    </div>
                    <div class="clear"></div>
                </div>
                <br />
                <br />

                <div class="border-line">
                    <div class="label_left" style="width: 150px">
                        <asp:Label ID="lblbranchaddress" class="settings_label_inv" runat="server" Text="Branch Address"></asp:Label>
                        <br />
                        <br />
                        <asp:Label ID="lblbranchlandmark" class="settings_label_inv" runat="server" Text="Landmark"></asp:Label>
                        <br />
                        <br />
                        <asp:Label ID="lblTehsil" class="settings_label_inv" runat="server" Text="Tehsil"></asp:Label>
                        <br />
                        <br />
                        <asp:Label ID="lblbranchstate" class="settings_label_inv" runat="server" Text="State"></asp:Label>
                        <br />
                        <br />
                        <asp:Label ID="lbllocationmap" class="settings_label_inv" runat="server" Text="Location"></asp:Label>
                        <br />
                        <br />
                    </div>
                    <div class="text_right" style="width: 670px">
                        <asp:TextBox ID="txtbranchaddress" class="settings_textbox_body" runat="server"></asp:TextBox>
                        <asp:Label ID="lblbranchstreet" class="settings_label_inv" runat="server" Text="Street"></asp:Label>
                        <asp:TextBox ID="txtbranchstreet" class="settings_textbox_body" runat="server"></asp:TextBox>
                        <br />
                        <br />
                        <asp:TextBox ID="txtbranchlandmark" class="settings_textbox_body" runat="server"></asp:TextBox>
                        <asp:Label ID="lblbranchlocality" class="settings_label_inv" runat="server" Text="Locality"></asp:Label>
                        <asp:TextBox ID="txtbranchlocality" class="settings_textbox_body" runat="server"></asp:TextBox>
                        <br />
                        <br />
                        <asp:TextBox ID="txttehsil" runat="server" class="settings_textbox_body"></asp:TextBox>
                        <asp:Label ID="lblDistrict" class="settings_label_inv" runat="server" Text="District"></asp:Label>
                        <asp:TextBox ID="txtDistrict" runat="server" class="settings_textbox_body"></asp:TextBox>
                        <br />
                        <br />
                        <asp:DropDownList ID="ddlState" runat="server" class="settings_textbox_body"></asp:DropDownList>

                        <asp:Label ID="lblbranchpincode" class="settings_label_inv" runat="server" Text="Pincode"></asp:Label>
                        <asp:TextBox ID="txtbranchpincode" class="settings_textbox_body" runat="server"></asp:TextBox>
                        <br />
                        <br />
                        <asp:TextBox ID="txtbranchlocationmap" class="settings_locationmap" runat="server"></asp:TextBox>
                        <br />
                        <br />
                        <asp:Button ID="invSubmit" runat="server" Text="Submit" />
                        <asp:Button ID="invReset" runat="server" Text="Reset" />
                    </div>
                    <div class="clear"></div>
                </div>
            </div>

            <div class="grid">
            </div>
        </div>
        <script type="text/javascript">
            $(document).ready(function () {
                $('<%=txttehsil.ClientID%>').autocomplete({
                    source: function (request, response) {
                        $.ajax(
                            {

                                type: "POST",
                                contentType: "application/json; charset=utf-8",
                                url: "BranchRegistration.aspx/GetNames",
                        data: "{'name':'" + $('<%=txttehsil.ClientID%>').val() + "'}",
                                dataType: "json",
                                success: function (data) {
                                    response(data.d);
                                },
                                error: function (err) {
                                    alert("Error: " + err);
                                }
                            });
                    }, minLength: 1
                });
            });
        </script>
        <link href="Content/site1.css" rel="stylesheet" />
        <link href="Content/Site.css" rel="stylesheet" />
    </asp:Content>

      

        
        
        
      

    

And the server side code looks like this:

[System.Web.Services.WebMethod] 
            public static List<string> GetNames(string name) 
            { 
                List<string> nameList = new List<string>();

                string strSqlQuery = "Select * from SubRegions where SubRegionName like '%" + name + "%'";
                SqlDataAdapter da = new SqlDataAdapter(strSqlQuery, Common.GetConnectionString());
                DataSet ds = new DataSet(); da.Fill(ds, "SubRegions");
                DataTable dt = ds.Tables["SubRegions"]; 
                DataRowCollection drc = dt.Rows; 
                foreach (DataRow dr in drc)
                {
                    nameList.Add(dr["SubRegionName"].ToString()); 
                } 
                return nameList; 
            }

      

        
        
        
      

    

This code runs without the main page, but it doesn't run in my application. Please give me the correct answer. This page autocomplete

uses a text box. This is jquery ajax application

. I am using this code in another project that it runs correctly and gave me the correct output.