Ближайший и найти неработающий jquery

У меня есть вкладка Bootstrap и таблица внутри вкладки и в таблице, строка с полями ввода. Проблема, с которой я сталкиваюсь, заключается в том, что когда у меня есть несколько строк в таблице, извлекаются только значения первой строки. Я использую «шкаф» и «найти», но не получаю желаемых значений. Что я делаю неправильно?

<ul class = "nav nav-tabs nav-justified itemTab">
<li><a href = "#tab5" data-toggle = "tab">Inbox</a></li> 
<li><a href = "#tab6" data-toggle = "tab">Outbox</a></li>
</ul>
<div class = "tab-content itemTab">
<div class = "tab-pane fade in" id = "tab5">
    <table class = "table table-condensed" id = "utable">
        <th>Location</th>
        <th>Department</th>
        <th>HD Number</th>
    @foreach (var item in Model.items)
    {
        <tr class = "@item.Id">
        <div class = "accordian-body collapse in" id = "@item.Id">
            <input type = "text" class = "form-control" id = "loc">
            <input type = "text" class = "form-control" id = "dept">
            <input type = "text" class = "form-control" id = "hdnum">
        </div>
         <div class = "row">
            <div align = "center">
            <input type = "submit" value = "Transfer" class = "btn btn-success" onclick = "MoveItem(@item.Id)" id = "moveButton" data-url = "@Url.Action("Submit", "Item")" />
            </div>
        </div>
        </tr>
    }
    </table>
    </div>
    <div class = "tab-pane fade in" id = "tab6">
    @Html.Action("Outbox", "Item") 
    </div>


   function MoveItem(id) {
   var row = $('#' + id).closest('.itemTab');
   var loc = $(row).find('#loc').val();
   var dept = $(row).find('#dept').val();
   var hdnum = $(row).find('#hdnum').val();
   }