如何通过jQuery向表中插入行后保持css样式

我有一个CSS风格

    #mytbody > tr > th {
        background-color: red;
    }

和脚本

    function myclick() {
        $("#mytbody").append("<tr><td>1</td><td>1</td>/tr>");
    }

这是我的html代码：

<table>
    <thead>
        <tr>
            <td>head 1</td>
            <td>head 2</td>
        </tr>
    </thead>
    <tbody id="mytbody">
        <tr>
            <th>1</th>
            <th>2</th>
        </tr>
    </tbody>
</table>
<button type="button" onclick="myclick()">button</button>

单击按钮添加的新行的css样式消失了。

为什么CSS不能用于添加行，以及如何保持CSS样式来添加新行？非常感谢你！