在jsp中重复定义了两个相同id的标签导致的错误

jQuery做前台开发的程序有一个页面在IE11和谷歌浏览器下都没有问题，但是在XP的IE8下运行就报错：

后来发现是定义了两个相同id的标签所致。

在icCard.jsp中定义的标签：

<td style = "font-size:17px;width:auto">合作公司</td>
<td style = "font-size:17px;width:150px">
    <input type = "text" id = "auUnit" style = "width:150px;height:20px"/>
</td>

在carInfo.jsp中定义的标签：

<td>车主单位</td>
<td id = "auUnit"></td>

icCard.jsp中通过如下方式打开了carInfo.jsp页面：

var $div_carInfo = $("<div id='div_carInfo' />");
$("#divContent").append($div_carInfo);

$("#div_carInfo").dialog( {
    title : '车辆信息',
    width : 1000,
    modal : true,
    height :600
});
$("#div_carInfo").load("icCard/carInfo.jsp");
$("#div_carInfo").dialog("open");

虽然这两个相同id的标签在两个文件中，但是因为第一个网页在div中打开了第二个网页，也不能出现相同id的标签。