一个奇怪的问题：jquery插入行

我的目的是点击"分期付款"后，点南"追加金额"链接可以在下面增加一行，可是第一次可以，第二次就不行了。急用。
以下是代码：jquery我就不贴上来了 __PUBLIC__是动态地址，我用的thinkphp，你懂的。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>河南天才网络</title>
<link href="__PUBLIC__/css/sytle.css" rel="stylesheet" type="text/css" />
<script src='__PUBLIC__/js/jquery.js'></script>
<script>
$(document).ready(function(){
$('#yici').click(function(){
$('#pay').html("<td><span style='color:red;'>付款金额：</span></td><td  style='text-align:left; padding-left:10px;'><input type='text' name='mony'/></td>");
});
$('#fenqi').click(function(){
$('#pay').html("<td>付款金额：</td><td style='text-align:left; padding-left:10px;'><input type='text' name='mony' /><a href='' onclick='return false;' id='addm'>追加金额</a></td>");
});
$('#addm').click(function(){
$('#pay').append("<tr><td><span style='color:green;'>本次付款：</span></td><td  style='text-align:left; padding-left:10px;'><input type='text' name='mony'/></td></tr>");
});
});
</script>
</head>
<body style="background:url(__PUBLIC__/images/topone.gif) repeat-y;">
<div class="tc_cnetrtop">
<div class="tc_center">
  <div class="nnzz">
    <form id="form1" name="form1" method="post" action="">
      <input class="inp_srh" type="text" name="textfield" id="textfield" style="float:left; width:170px; height:23px; line-height:23px; color:#666;overflow:hidden;"  value="&nbsp;&nbsp;请输入要搜索的内容" onclick="this.value='';"/>
      <input type="submit" value="" style=" background:url(__PUBLIC__/images/ssan.jpg) no-repeat; border:none; width:49px;height:30px; float:right;">
    </form>
  </div>
  <div class="time" id="time">
    <script language="javascript" type="text/javascript">
 window.onload=function (){
  setInterval("document.getElementById('time').innerHTML=new Date().toLocaleString()+' '+'һ'.charAt(new Date().getDay());",1000);
 }
</script>
  </div>
  <div class="tc_center_top">
    <div class="tc_cnerrtwo">
      <ul>
        <li>灰色为未查看</li>
        <li><span>红色为已查看</span></li>
      </ul>
    </div>
    </div>
    
    <div class="tc_center_cn">
      <div class="form_top"><img src="__PUBLIC__/images/main_form.gif"></div>
      <table width="100%" border="0" cellspacing="0" cellpadding="0" style="padding-left:20px; line-height:35px; text-align:right; background:#FFF;">
        <form method="get">
          <tr>
            <td>新业务名称：</td>
            <td style="text-align:left; padding-left:10px;"><input type="text" name="name"></td>
          </tr>
          <tr>
            <td>所属客户：</td>
            <td style="text-align:left; padding-left:10px;"><input type="text" name="name"></td>
          </tr>
          <tr>
            <td>提交人：</td>
            <td style="text-align:left; padding-left:10px;"><input type="text" name="name"></td>
          </tr>
  <tr id='ptype'><td><input type='radio' name='ptype' checked='checked' value='1' id='fenqi' class='monyipt'/>分期付款</td><td style="text-align:left; padding-left:10px;"><input type='radio' name='ptype' value='0' id='yici' class='monyipt'/>一次付清</td></tr>
  <tr id='pay'>
  <td>付款金额：</td><td style="text-align:left; padding-left:10px;"><input type='text' name='pay'/>&nbsp;<a href='' onclick='return false;' id='addm'>追加金额</a></td>
  </tr>
          <tr>
            <td>开通时间：</td>
            <td style="text-align:left; padding-left:10px;"><input type="text" name="name"></td>
          </tr>
          <tr>
            <td>到期时间：</td>
            <td style="text-align:left; padding-left:10px;"><input type="text" name="name"></td>
          </tr>
          <tr>
            <td>FTP用户名：</td>
            <td style="text-align:left; padding-left:10px;"><input type="text" name="name"></td>
          </tr>
          <tr>
            <td>空间大小：</td>
            <td style="text-align:left; padding-left:10px;"><input type="text" name="name"></td>
          </tr>
          <tr>
            <td>空间金额：</td>
            <td style="text-align:left; padding-left:10px;"><input type="text" name="name"></td>
          </tr>
          <tr>
            <td valign="top">业务详细接受：</td>
            <td style="text-align:left; padding-left:10px;"><textarea name="endomorph" style="width:30%; height:150px;" ></textarea></td>
          </tr>
          <tr align="center" valign="middle">
            <td></td>
            <td style=" padding:10px 0 10px 10px; text-align:left;"><input type="submit" value="" style=" background:url(__PUBLIC__/images/form_nn.gif) no-repeat;; border:none; width:84px;height:26px;"></td>
          </tr>
        </form>
      </table>
      
      
    </div>
  </div>
</div>
</body>
</html>

解决方案 »

  1.   

    用live$('#addm').live("click", function(){
    $('#pay').append("<tr><td><span style='color:green;'>本次付款：</span></td><td style='text-align:left; padding-left:10px;'><input type='text' name='mony'/></td></tr>");
    });
      

  2.   

    是不是要用after ？
    现在是tr > tr > td的结构了 。
      

  3.   


    $('#addm').live("click", function(){
    $('#pay').append("<tr><td><span style='color:green;'>本次付款：</span></td><td style='text-align:left; padding-left:10px;'><input type='text' name='mony'/></td></tr>");
    });