ช่วยทีครับ ผมสร้าง ตาราง กรอกข้อมูล แล้วใช้ Jquery ในการแทรกตาราง เพื่อเพิ่ม ช่องในการกรอก ถ้าจะให้แสดงผลไปทั้งตาราง ต้องประกาศตัวแปร อย่างไรครับ

<script src="http://code.jquery.com/jquery-latest.js"></script>

    <table id="myTbl" cellpadding="2" cellspacing="2" border="1" width="100%">
  
                                <td width="10%">    หัวข้อ  </td>
                                <td width="30%">    จำนวนชั่วโมงตามแผนการสอน  </td>
                                <td width="30%">    จำนวนชั่วโมงที่สอนจริง</td>
                                <td width="30%">    ระบุเหตุผลที่การสอนจริงต่างจาก แผนการสอนหากมีความแตกต่างเกิน 25%  </td>
                              </tr>

    <tr id="firstTr" >
    <td><input type="text" id="table[]" name="table[]"></td>
    <td><input type="text"id="table1[]" name="table1[]"></td>
    <td><input type="text"id="table2[]" name="table2[]"></td>
    <td><textarea type="textarea"id="table3[]" name="table3[]"> </textarea></td>
  </tr>
</tr>
</table>
<br />
<table width="500" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td>
    <button id="addRow" type="button">+</button>  
    &nbsp;
    <button id="removeRow" type="button">-</button>
  &nbsp;
    &nbsp;
    &nbsp;
    <button id="Submit" type="submit">Submit</button>    
    </td>
  </tr>
</table>
</form>

<script type="text/javascript">
$(function(){
  $("#addRow").click(function(){
    $("#myTbl").append($("#firstTr").clone());
  });
  $("#removeRow").click(function(){
    if($("#myTbl tr").size()>2){
      $("#myTbl tr:last").remove();
    }else{
      alert("ต้องมีรายการข้อมูลอย่างน้อย 1 รายการ");
    }
  });     
});
</script>