Как найти тег в структуре таблицы с помощью jQuery

Question

У меня есть следующий html:

<table>
  <tr>
    <td>
      <input type="button" id="btnAdd" value="Add" />
      <input type="hidden" id="hdnID" value='209' class="hdn" />
    </td>
  </tr>
  <tr>
    <td>
      <input type="button" id="btnAdd" value="Add" />
      <input type="hidden" id="hdnID" value='210' class="hdn" />
    </td>
  </tr>
  <tr>
    <td>
      <input type="button" id="btnAdd" value="Add" />
      <input type="hidden" id="hdnID" value='211' class="hdn" />
    </td>
  </tr>
</table>

У меня есть событие нажатия jQuery для кнопок добавления.

$("#btnAdd").click(function ($e) {
  // Need selector here that can find the hidden field (see above) that is found 
  // in the same td as the button that was clicked. For example, if the Add button
  // in the 2nd row was clicked then I need to find the hidden input that has 
  // the value of '210'.

  // Doesn't work... not sure why
  var hdn = $(this).siblings().next();
});

Заранее спасибо за помощь в тяжелом моменте ...

Answer 1

Может быть, что-то подобное будет работать?

("#btnAdd").click(function ($e) {
   var hdn = $(this).parent().next().children('td input');
});