javascript - 最初の要素のみ追加

Question

<table id="table" border="1">
    <tr>
        <td>
            <table border="1">
                <tr>
                    <td>aaa</td>
                </tr>
            </table>
        </td>
    </tr>
    <tr>
        <td>
            <table border="1">
                <tr>
                    <td>bbb</td>
                </tr>
            </table>
        </td>
    </tr>
    <tr>
        <td>
            <table border="1">
                <tr>
                    <td>ccc</td>
                </tr>
            </table>
        </td>
    </tr>
</table>

<span id="append">append</span>   

$('#append').click(function(){
   $('table#table tr').append('<tr><td><table><tr><td>ddd</td></tr></table></tr>');
})

最初の要素だけで jQuery の追加機能を使用するにはどうすればよいですか? ここで追加を使用すると、すべてのサブテーブルが追加されます。最初のサブテーブルのみを追加したいと思います。>セレクターで試してみましたが、うまくいきません。どうすればこの効果を達成できますか?

ライブデモ