always return first row hiden field value problem

always return first row hiden field value problem

Hi,

I have a rendered bootstrap html page as follows. i want to get the clicked row hidenfield values but now always return sumesh which is first row. How can i get clicked row hidenfield value?

<div class="panel-body">
              <div class="page-header">
                <h4><span class="glyphicon glyphicon-user color"></span> Sumesh</h4>
                  <input type="hidden" id="hdnTenantName" name="hdnTenantName" value="Sumesh" />
              </div>

<div class="page-header">
                <h4><span class="glyphicon glyphicon-user color"></span> raghavy</h4>
                  <input type="hidden" id="hdnTenantName" name="hdnTenantName" value="raghavy" />
              </div>

</div>