IE浏览器无法直接识别input hidden问题

示例：

  html代码：

<tr>
					<input type="hidden" value="{$vo.id}">
					<input type="hidden" value="{$vo.menu_id}">
					<td style="line-height:100px;">{$i}</td>
					<td><img src="__ROOT__/{$vo.pic_url}{$vo.pic_name}" style ="height:100px;width:450px"></td>
					<td style="line-height:100px;">{$vo.menu_name}</td>
					<td style="line-height:100px;">
						<a id="preview" href="javascript:void(0)">预览</a>
						<a href="__URL__/pic_main_edit?id={$vo.id}" style="margin-left:10px">编辑</a>
					</td>
				</tr>

js代码：

$('#preview').live('click',function(){
		var menu_id = $(this).closest('tr').children('input').eq(1).val();
		confirm(menu_id);
}

点击后menu_id无法获取

解决办法：

一：

<a id="preview" mid="{$vo.menu_id}" href="javascript:void(0)">预

览</a>
$('#preview').live('click',function(){
		var menu_id = $(this).attr('mid');
}

二：

<td style="line-height:100px;">
	<input type="hidden" value="{$vo.menu_id}">
	{$i}
</td>
$('#preview').live('click',function(){
		var menu_id = $(this).closest('tr').children

('td').eq(0).children('input').val();
		confirm(menu_id);
}