javascript - 3 番目の 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 の 3 番目の 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!');
    }
});