javascript - 如果第三个 td 被占用，警报？

Question

我有一张这样的表格（它是我真实表格的简化版本）：

<table id="tabela"  width="100%" cellspacing="10px">
    <tr>
        <td>2:00:00</td>
        <td>3:00:00</td>
        <td class='free'>
            <input type='radio' name='appointment'/>
        </td>
    </tr>
    <tr>
        <td>4:00:00</td>
        <td>5:00:00</td>
        <td class='busy'>Occupied</td>
    </tr>
    <tr>
        <td>6:00:00</td>
        <td>7:00:00</td>
        <td class='free'>
            <input type='radio' name='appointment'/>
        </td>
    </tr>
</table>

现在我希望当单选按钮被选中并且如果下面的 td 设置为占用（它不是真的在下面，如果我解释正确的话，它是当前 td 的下一个 tr 的第三个 td）来简单地显示警报消息但是我无法让它工作。

我试过这样的事情：

$("input[name='appointment']").change(function()
{
    var thisTr = $("#tabela input[name=appointment]:checked")
        .closest('tr')
        .next('tr');

    var thirdTDText = thisTr.children().eq(2).text();
    if(thirdTDText=='Occupied')
    {
        alert('That place is occupied!');
    }
});