连接了.click（）事件处理程序的jQuery数据表无法正常工作

Question

我在这里有一个简单的foreach循环，它使用jQuery datatables插件。

在.click()显示的前10行中，当我搜索或使用分页或按功能排序，然后点击一行时，它无法正常工作。

@foreach($cases as $case)
    <tr style="cursor: pointer;" class="case">
        <input type="hidden" value="{{ $case->id }}" id="id">
        <td>{{ Agent::get($case->id) }}</td>
        <td>{{ $case->insured_name_c }}</td>
        <td> {{ $case->carrier }}</td>
        <td>{{ $case->name }}</td>
        <td>{{ $case->status }}</td>
        <td>{{ Format::money($case->total_first_year_premium_c) }}</td>
    </tr>
@endforeach

.click()事件处理程序如下所示：

$('.case').click(function() {
    window.location = '/page/' + $('#id').val();
});

为什么数据表会阻止它工作？我如何解决它以使其重定向点击？