Сортируемый по нокауту - несколько элементов в элементе списка

Question

Я работаю на следующем примере jsfiddle и изменил его на этот jsfiddle

Я пытаюсь изменить его, чтобы разрешить нескольким элементам привязываться к объекту в массиве, однако независимо от того, что я делаю, отображается только первый элемент с привязкой к данным. Я уверен, что я использую это неправильно, однако я не понимаю, почему я не прав.

Разве следующие не должны отображать две метки, первая с именем и вторая с идентификатором?

<div class="list">
    <h2>Stored procedures In DB 2</h2>
    <ul class="list" id="sortableForDB_2" data-bind="sortable: storedProceduresInDB2">
        <li><div><label class="item" data-bind="text: Name" />
                 <label class="item" data-bind="text: Id" /></div></li>
    </ul>
</div>

заранее спасибо

Редактировать 1: Кстати, это определенно связано с привязкой данных, так как следующее прекрасно работает:

<div class="list">
    <h2>Stored procedures In DB 2</h2>
    <ul class="list" id="sortableForDB_2" data-bind="sortable: storedProceduresInDB2">
        <li><div><label>1</label>
                 <label>2</label></div></li>
    </ul>
</div>

Answer 1

label элемент должен быть правильно сформирован, чтобы привязки работали - т.е. он должен иметь закрывающий тег:

<div class="list">
    <h2>Stored procedures In DB 2</h2>
    <ul class="list" id="sortableForDB_2" data-bind="sortable: storedProceduresInDB2">
        <li><div><label class="item" data-bind="text: Name"></label>
            <label class="item" data-bind="text: Id"></label></div></li>
    </ul>
</div>

Обновленная скрипка

Относительно правильного формирования label элемент:

Пропуск тега: Нет, начальный и конечный тег обязательны.