insert ได้ปกติ แต่พอใส่ tag <table> คลุม <form> กลับ insert ได้ไม่ครบ จะแก้อย่างไรดีครับ

<table border="0" cellspacing="2" cellpadding="3" align="center" class="">
<form name="item" method="post" action="" ENCTYPE = "multipart/form-data" onsubmit="return checkform(this);">
    <div class="field" style=" font-weight: bold; " >
        Item <span class="mandatory">*</span><br>
        <a href="#" id="addScnt_item_number">Add Another Input Box</a>
        <div id="p_scents_item_number">
            <p>
            <label for="p_scnts_item_number"> $ <input type="text" id="item_number" size="20" name="item_number[]" style=" background-color: white; border: 1px solid #CCCCCC; padding: 8px; "/>         
per <input type="text" id="item_details" size="20" name="item_details[]" style=" background-color: white; border: 1px solid #CCCCCC; padding: 8px; "/> month       
            </label>
            </p>
        </div>
    </div>
    <div align="left">
        <input type="submit" class="ok_button" name="submit" value="ok" />
    </div>
</form>
</table>




<?php
    include("connect.php");
    if(isset($_POST["submit"]))

    {
    for($i=0;$i<count($_POST["item_number"]);$i++)
        {
	    $item_number = $_POST['item_number'][$i];
	    $item_details= $_POST['item_details'][$i];

if ($item_number != '')
    {
if ($item_details != '')
    {
 
	    $sql = "INSERT INTO item( number , details )
	    VALUES ('$item_number', '$item_details'); ";

	    // สั่งให้บันทึกข้อมูลทันที
	    $dbQuery = mysql_query($sql);
    }
    }

        }
 
    // ตรวจสอบว่าการทำงานสมบูรณ์หรือไม่
    if($dbQuery)
        {
            echo "Successfully Inserted";
        }
    else
        {
            echo "Insertion Failed";
        }
    }
?>

<script type="text/javascript" src="http://code.jquery.com/jquery-1.4.3.min.js"></script>
<script>
$(function() {
        var scntDiv = $('#p_scents_item_number');
        var i = $('#p_scents_item_number p').size() + 1;
        
        $('#addScnt_item_number').live('click', function() {
            $('<p><label for="p_scnts_item_number"> $ <input type="text" id="item_number" size="20" name="item_number[]" style=" background-color: white; border: 1px solid #CCCCCC; padding: 8px; " />  per <input type="text" id="item_details" size="20" name="item_details[]" style=" background-color: white; border: 1px solid #CCCCCC; padding: 8px; "/> month  <a href="#" id="remScnt">Remove</a></label></p>').appendTo(scntDiv);
                i++;
                return false;
        });
        
        $('#remScnt').live('click', function() { 
                if( i > 2 ) {
                        $(this).parents('p').remove();
                        i--;
                }
                return false;
        });
});
</script>