jquery实现在一个框中输入内容，点击添加后，在另外一个框中显示出来，且能删除

html:

<table class="h-box">
            <tr>
                <td class="num1">
                   <span>台站名称:</span> 
                    <input type="text" id="t1"/>
                    <button id="tAdd" >添加</button>
                    <button id="tRemove">删除</button>
                </td>
                <td class="num2">
                    <span>报警名称:</span>
                    <input type="text" id="t2" />
                    <button id="bAdd">添加</button>
                    <button id="bRemove">删除</button>
                </td>
            </tr>
            <tr class="textarea">
                <td>
                    <span>名称列表:</span>
                    <ul type="text" id="t3">
                    </ul>
                </td>
                <td>
                    <span>报警列表:</span>
                    <ul type="text" id="t4"></ul>
                </td>
            </tr>
        </table>

  body{
            background:url("../img/weixin.png") no-repe