即时删除一行表 - 不工作

Question

在MVC应用程序的视图中，向用户呈现表格。此表没有头行，只有<tbody>行。每行都有一个包含文档名称的列和一个用于删除它的按钮，如下所示：

<table>
    <tbody>
        <tr id="doc-AD201">
            <td>AD201</td>
            <td class="text-right">
                <button class="excluir" data-id="AD201" title="Delete the document">Delete</button>
            </td>
        </tr>
        <tr id="doc-AD504">
            <td>AD504</td>
            <td class="text-right">
                <button class="excluir" data-id="AD504" title="Delete the document">Delete</button>
            </td>
        </tr>
    </tbody>
</table>

嗯，为了实现这一点，我编写了以下jQuery函数：

$('.excluir').click(function () {
    $('#doc-' + $(this).data('id')).fadeOut();
});

它不起作用。为什么？我在另一个视图中有类似的代码，它的工作完美。我究竟做错了什么？我错过了什么？