新しいデータを表示する方法

<table class="tbl_func" width="98%" style="margin-left: 1%;">
	<tr >
		<td style="vertical-align:top;" width="36%">
			<div style="height: 500px; overflow-y: scroll;">
				<c:forEach var="lineInfo" items="${requestScope.list}"> 
					<a onclick="getlineInfo(this)">${lineInfo.lineName}</a>
					<input type="hidden" value="${lineInfo }"/>
					<br/>
				</c:forEach>
			</div>
		</td>
		<td width="64%" style="vertical-align: top;">
<table class="tbl_func" width="100%"> 
	<tr>
	        <th> ID</th>
	        <td id="id">${lineInfo.id }</td>
	</tr>
	<tr>
		<th> </th>
		<td id="travel">${lineInfo.travel }</td>
	</tr>
	<tr>
		<th> </th>
		<td id="lineName">${lineInfo.lineName }</td>
	</tr>
	<tr>
		<th> </th>
		<td id="imgurl">${lineInfo.imgurl }</td>
	</tr>
	<tr>
		<th> </th>
		<td id="cost">${lineInfo.cost }</td>
	</tr>
	<tr>
		<th> </th>
		<td id="tel">${lineInfo.tel }</td>
	</tr>
</table>
</table>
<script type="text/javascript">
			function getlineInfo(a)
			{
		       var lineInfo = eval("("+$(a).next().val()+")");
                $("#id").text(lineInfo.id);
   				$("#travel").text(lineInfo.travel);
   				$("#lineName").text(lineInfo.lineName);
   				$("#imgurl").text(lineInfo.imgurl);
   				$("#cost").text(lineInfo.cost);
   				$("#tel").text(lineInfo.tel);
			}
</script>