jQueryUI autocomplete updated textbox field does not response correctly
I have a ASP.NET structure like this:

    <asp:TextBox ID="txtCity" runat="server"></asp:TextBox>
    <asp:TextBox ID="txtArea" runat="server"></asp:TextBox>

and try to use jQueryUI autocomplete on both fields, here is the javascript that I am using:

    <script type="text/javascript">
        $(document).ready(function() {
            $('#<%= txtArea.ClientID %>').autocomplete({
                minLength: 3,
                search: function(event, ui) { alert($('#<%= txtCity.ClientID%>').val()); },
                source: "handlers/AreaLocator.ashx?loc=" + $('#<%= txtCity.ClientID%>').val(),
                select: function(event, ui) { alert('aa'); }
            });

            $('#<%= txtCity.ClientID %>').autocomplete({
                minLength: 3,
                source: "handlers/CityLocator.ashx",
                select: function(event, ui) {
                    $('#<%= txtCity.ClientID%>').val(ui.item.city);
                }
            });

        });
    </script>

but in my code behind in AreaLocator.ashx I can't get the value for loc querystring. Amazingly search event of txtArea autocomplete displays me the value selected in txtCity autocomplete. Anyone suggest me what I am doing wrong? Order of both auto complete doesn't make any difference and there is no cross browser problem.

Thanks

jQueryUI autocomplete updated textbox field does not response correctly
===

I have a ASP.NET structure like this:

    <asp:TextBox ID="txtCity" runat="server"></asp:TextBox>
    <asp:TextBox ID="txtArea" runat="server"></asp:TextBox>

and try to use jQueryUI autocomplete on both fields, here is the javascript that I am using:

    <script type="text/javascript">
        $(document).ready(function() {
            $('#<%= txtArea.ClientID %>').autocomplete({
                minLength: 3,
                search: function(event, ui) { alert($('#<%= txtCity.ClientID%>').val()); },
                source: "handlers/AreaLocator.ashx?loc=" + $('#<%= txtCity.ClientID%>').val(),
                select: function(event, ui) { alert('aa'); }
            });

            $('#<%= txtCity.ClientID %>').autocomplete({
                minLength: 3,
                source: "handlers/CityLocator.ashx",
                select: function(event, ui) {
                    $('#<%= txtCity.ClientID%>').val(ui.item.city);
                }
            });

        });
    </script>

but in my code behind in AreaLocator.ashx I can't get the value for loc querystring. Amazingly search event of txtArea autocomplete displays me the value selected in txtCity autocomplete. Anyone suggest me what I am doing wrong? Order of both auto complete doesn't make any difference and there is no cross browser problem.

Thanks
