jquery - 最後の子jqueryでtdを追加する方法は?

Question

次のコードを作成しました。

<table id="map">
    <tr>
        <td>1</td>
        <td>2</td>
        <td>3</td>
    </tr>
</table> 

<script>
    $(document).ready(function(){
        $('td:last-child').mouseenter(function(){
            var tdId = $(this).attr('id');
            var newId = parseInt(tdId);
            $(this).after('<td>new</td>');
        });         
    });
</script>

tdマウスがtdsの最後の子に入ったときに新しいものを作成したい。そのコードは機能しています。しかし、新しい td を再度作成したい場合<td>3</td>は、最後tdに作成されたものではなく、自動的に作成する必要があります。どうすれば修正できますか?!