jquery 克隆行

<form method=post>
<div class=one>
栏目:<input name=id[]>
名称:<input name=name[]>
栏目:<input name=cate[]>
</div>
<input type='button' value='添加' id='add'>
</form>
<script lang=javascript>
//jquery
$(document).ready(function(){
$('#add').click(function(){
 $('.one').clone(true).insertAfter(this);
});
});
</script>

<?php
foreach($_POST['id']  as $key => $value){
 echo '$key -- '.$key.PHP_EOL;
 echo 'id = '.$value.PHP_EOL;
 echo 'name = '.$_POST['name'][$key].PHP_EOL;
 echo 'cate= '.$_POST['cate'][$key].PHP_EOL;
}
?>