在用到一个年月控件的时候出现的问题，希望帮忙

我在用到jquery的一个年月控件的时候，出现下面的问题：点击年份的添加按钮的时候，td里面的年份并不增加。
下面给出控件的js代码：<tr><td class='th1'><button onclick=changeYear('down','"+flag+"')><<</button></td><td id='year"+flag+"' class='th2'></td><td  class='th3'><button onclick=changeYear('up','"+flag+"')>>></button></td></tr>然后两个点击事件，
                  var currentDate= new Date();
var temp= currentDate.getYear();
function changeYear(item,flag){
if(item=="up"){
$("#year"+flag).empty();
$("#year"+flag).append(++temp);
}
else{
$("#year"+flag).empty();
var currentDate= new Date();
$("#year"+flag).append(--temp);
}
}
提供控件的作者用的jquery的版本是jquery-1.3.2.min.js，然后我在项目中把js和css都引用进去，然后，我的jsp只能选择2012年的年月，点增加年份的按钮，里面的年份不能增加，但是作者提供的html能够增加年份，这是什么原因 呢。希望大家帮下我。 --------------------编程问答-------------------- 我把作者的例子和我的js代码也贴上来， <form>
<!-- 时间选择器1 -->
<input id="val" onclick="showTime(this,'div1');"/>
 
<!-- 时间选择器2 -->
<input id="val2" onclick="showTime(this,'div2');"/>
 
<!-- 时间选择器3 -->
<input id="val3" onclick="showTime(this,'div3');"/>
</form>
<div id="parenDiv">
<!-- 对应时间选择器1 -->
<div id='div1' class="div1" style="position:absolute; margin-left:0px;"> 
</div>
<!-- 对应时间选择器2 -->
<div id='div2' class="div1" style="position:absolute;  margin-left:160px;"> 
</div>
<!-- 对应时间选择器3 -->
<div id='div3' class="div1" style="position:absolute;  margin-left:320px;"> 
</div>
</div>
然后我的js文件是if(i%9==1){
  var numtd1 =$(this)
       numtd1.click(function(){
      var inputobj2=$("<input type='text' id='val'/><div id='div1'class='div1'></div>");
  if(numtd1.children("input").length>0){
               return false; }
          numtd1.html("");
          inputobj2.appendTo(numtd1);
            inputobj2.click(function(){
                                     showTime(this,'div1');
                                     $("input[type='button'][value='提交']").css("display","block");
                                     return false;
                                   });
                                  })
           }

补充：Java ,  Java EE