JQueryの$postで選んだものだけで動かしたいのですが

$postはphpでデータベースから出したもののように、同じ要素(formのnameとかが)がたくさん表示されている場合、個別に指定してないと送れないようですがやり方がわかりません
例１
<form name = 'form'>
<input type='hidden' name='product_id' value='1'/>
<input type='hidden' name='product_name' value='りんご'/>
<input type='button' value='登録' onClick='get(); return false;'/>
</form>
<form name = 'form'>
<input type='hidden' name='product_id' value='2'/>
<input type='hidden' name='product_name' value='みかん'/>
<input type='button' value='登録' onClick='get(); return false;'/>
</form>


みたいに並んでいる場合

どのように指定すればよいでしょうか？


現状のjavascriptは

$(function(){

$(':button').click(function get(){

　var product_id = document.form2.product_id.value;
　var purduct_name = document.form2.product_name.value;

　$.post('test.php',{ "id": product_id , "name":product_name },
function(output){
$('#test').html(output);
　});
});

のうような感じで作っていますが、もちろん動かない状態です。
送り先にはechoなどでわかりやすく表示するようにしていますが、ダメでした。

javascriptは現在の形にはこだわりません。
コード付きでよろしくお願いします。