ASP.NET MVC using Jquery

Question

<div id="tabDetails" align="center">

<table cellpadding="3" cellspacing="3" border="1">

<tr>

<th>First Name</th>

<th>Last Name</th>

<th>Middle Name</th>

<th>Admission No</th>

<th>Roll No</th>

</tr>

@foreach (var item in Model)

{

<tr>

<td>@Html.DisplayFor(modelItem => item.firstName)</td>

<td>@Html.DisplayFor(modelItem => item.lastName)</td>

<td>@Html.DisplayFor(modelItem => item.middleName)</td>

<td>@Html.DisplayFor(modelItem => item.addmissionNo)</td>

<td>@Html.DisplayFor(modelItem => item.rollNo)</td>

</tr>

}

</table>

</div>

 

Here I have got the data and everything is fine, but the table information is not displaying on the browser , in browser it is just displaying the heading but not the data.

 

In debugger, it is just showing the heading and tbody tag but not td cells.

 

 anyone help in solving this issue....