selecting asp.net adjacent text boxes using jquery

I want to select an adjacent asp.net textbox which is inside a table cell using css class attribute.

The html is as below:

<td colspan="">
    <asp:RequiredFieldValidator ID="RequiredFieldValidator1" runat="server" 
          ControlToValidate="txt_zipcode" SetFocusOnError="true"  
          ErrorMessage="Zip Code" Display="None" ></asp:RequiredFieldValidator>
    <asp:TextBox CssClass="txtbox zipcode" Width="40px" ID="txt_zipcode" 
          runat="server" MaxLength="5"></asp:TextBox>&nbsp;
</td>
<td class="txtcaption" align="right">
    City:
</td>  
<开发者_如何学JAVAtd>
   <asp:TextBox ID="txt_city" CssClass="txtbox city" MaxLength="30" Width="120px"
          runat="server" Text=""></asp:TextBox>
</td>

The jquery code is as below:

 $(document).ready(function () {
    $('.zipcode').next('input:text').hasClass('city');
});

The above code always return false value. I am trying to select City textbox which is below the zip code text box. Do you have solution to this problem?

next will search within siblings and the next input element is in next table cell which is not a sibling. Try this:

$(document).ready(function () {
    alert($('.zipcode').parent().siblings().find('input:text').hasClass("city"))
});