Таблица CanJS EJS - строки, появляющиеся над таблицей

Question

Я новичок в CanJS и пытался учиться через учебные пособия. Однажды я застрял в одном месте, когда я преобразовал учебный код todo в таблицу вместо комбинации UL/LI.

Может быть, я делаю очень маленькую ошибку... но не могу узнать то же самое за последние 3 дня.. Может кто-нибудь помочь?

JsFiddle для краткой версии учебника todo (который теперь использует таблицы) находится здесь, где вы можете увидеть проблемы.

Суть кода от EJS здесь..

<script type='text/ejs' id='todosEjs'>
<table border="1">
    <thead>
    <tr>
        <th>id</th>
        <th>name</th>
        <th>status</th>
    </tr>
    </thead>
    <tbody>
<!-- bind to changes in the todo list -->
<% this.each(function( todo ) { %> 
    <!-- add the todo to the element's data -->
    <tr <%= (el) -> el.data('todo',todo) %>>
        <td>
            <input type="checkbox" <%= todo.attr('complete') ? 'checked' : '' %>>
        </td>
        <td><%= todo.attr('name') %></td>
        <td><%= todo.attr('id') %></td>
    </tr>
<% }) %>
 </tbody>
</table>

</script> 

С нетерпением жду помощи:-)

Answer 1

ОБНОВЛЕНИЕ: Это было результатом ошибки, которая теперь исправлена

Похоже, что комментарии являются проблемой здесь. Удаление их заставляет его работать, смотрите обновленную скрипку:

<table border="1">
    <tr>
        <th>id</th>
        <th>name</th>
        <th>status</th>
    </tr>
<% this.each(function( todo ) { %> 
    <tr <%= (el) -> el.data('todo',todo) %>>
        <td>
            <input type="checkbox" <%= todo.attr('complete') ? 'checked' : '' %>>
        </td>
        <td><%= todo.attr('name') %></td>
        <td><%= todo.attr('id') %></td>
    </tr>
<% }) %>