javascript - jQuery .on() イベントが :lt() セレクターで機能しない

Question

<TD>最後のデータを除くすべてのテーブルデータでクリックイベントを生成しようとしています<td>が、残りではなく最初の行で動作しています。

HTML:

<table class="table" style="width:100%;">
<tbody>
    <tr>
        <td>1</td>
        <td>2</td>
        <td>3</td>
        <td>4</td>
    </tr>
    <tr>
        <td>1</td>
        <td>2</td>
        <td>3</td>
        <td>4</td>
    </tr>
    <tr>
        <td>1</td>
        <td>2</td>
        <td>3</td>
        <td>4</td>
    </tr>
    <tr>
        <td>1</td>
        <td>2</td>
        <td>3</td>
        <td>4</td>
    </tr>
</tbody>
</table>

JS コード:

$('.table tbody').on('click', 'tr td:lt(3)', function(){
    // Trying to check the click event
    console.log('working');
});

JSFIDDLE

jsfiddle

セレクターを削除すると正常に動作しますが、セレクターが少ない:lt(3)と動作しない理由がわかりませんか?