用ajax请求过来的数据，数据js <tr><td>追加到table里的，结果确很乱，求解？

 <div id="patchmanageTrainee" ><table><tr id="ajaxappend"><th>#springMessage("employeeCode")</th><th>#springMessage("employeeName")</th><th>#springMessage("sub-menu-training-attanding-absentreason")</th> </tr>
                            </table>这是是表头
</div>
jQuery.ajax({
                type:'post',
                dataType:'json',
                url:'ajax_searchabsent.htm',
                data:'employeeId=' +wid[i]+'&sessionId='+$('#sessionId').val(),
                success: function(msg){
                  for(var i=0;i<msg.length;i++){
                        var employeecode=msg[i].EMPLOYEE_CODE;
                        var reason=msg[i].ABSENT_REASON;
                        var name=msg[i].NAME; 
                        var sessionId=msg[i].SESSION_ID;   
                        alert(reason); 
                         if(reason==undefined){
                                 $("#patchmanageTrainee").find("tr").append('<tr><td>'+employeecode+'</td><td>' 
                             +name+'</td><td>'+'<input  maxlength=\"100\" class="textItem" placeholder=\"Please enter a reason\" />'+'</td></tr>');
                          }else{
                             $("#patchmanageTrainee").find("tr").append('<tr><td>'+employeecode+'</td><td>' 
                           +name+'</td><td>'+'<input class="textItem1" value='+reason+' maxlength=\"100\" />'+'</td></tr>');
                          }
                    }

这是追加上去的数据，但是格式怎么会是那样？？？怎么回事？

$("#patchmanageTrainee").find("tr")改为$("#patchmanageTrainee").find("table")

tr中不能插入tr。。