JSに追加した後、テーブルのデータが正しく表示されない

プロジェクトIDの検索と表示にAJAXを使用しようとしています。JSに追加した後、テーブルのデータが正しく表示されない

これは私が検索しようとすると、AJAX呼び出し

は、しかし、これは私が私のテーブル本体

に追加しようとすると何が起こるかである前に、それは次のようになります

これは私のAJAXコールです

$.ajax({ 
        type : 'POST', 
        url : '<?php echo base_url('View_projects_controller/getProjectID'); ?>', 
        dataType : 'json', 
        data : {project_id : project_id}, 
        success : function(data){ 

         $('#tablebody').empty(); 

         var status = ""; 
         var status_class = ""; 
         var action = "<?php echo base_url('View_controller/viewProject') ?>"; 

         $(data).each(function(){ 
          console.log(data); 
          if((this.approval_status == 0) && (this.reason_for_rejection == null)){ 
           status = "Approved"; 
           status_class = "label label-success"; 
          } 
          else if(this.reason_for_rejection != null){ 
           status = "Rejected"; 
           status_class = "label label-danger"; 
          } 
          else{ 
           status = "Pending"; 
           status_class = "label label-primary"; 
          } 

          $('#tablebody').append('<form enctype="multipart/form-data" method="POST" action="'+ action +'">' + 
           '<tr>' + 
            '<td>' + 
             '<input class="hidden" name="project_id" value="'+ this.id +'"/>' + 
             ''+ this.id +'' + 
            '</td>' + 
            '<td>' + 
             ''+ this.project_title +'' + 
            '</td>' + 
            '<td>' + 
             ''+ this.office_name +'' + 
            '</td>' + 
            '<td>' + 
             ''+ this.date_submitted +'' + 
            '</td>' + 
            '<td>' + 
             '<span class="'+ status_class +'">' + 
              ''+ status +'' + 
             '</span>' + 
            '</td>' + 
            '<td>' + 
             '<button type="submit" class="btn btn-link" name="action">View</button>' + 
            '</td>' + 
           '</tr>' + 
          '</form>'); 
         }) 
        }, 
        error : function(errorw) { 
         alert('Error'); 
        } 
       });

<form>タグの開始と終了を削除しようとすると、問題は部分$('#tablebody').append()にあります。これは、それが正しく表示さ