<table cellpadding="0" cellspacing="5" bordercolor="#cccccc" id="table1" width="2500">
	<thead>
		<tr>
			<th><input name="checkall" type="checkbox" value="" onclick="CheckAll('auto_ins', <%= @compare_sheet.length%>, this);"/></th>
			<th> Id </th>
			<th> Product Id </th>
			<th> Service Provider Id </th>
			<th> Service Provider Name </th>
			<th> Product Name </th>
			<th> Coverage for </th>
		</tr>
	</thead>
	<tbody>
	<% for i in 0...@compare_sheet.size %>
		<tr>
			<td align="center"><input type="checkbox" name="compare[]" id="checkauto_ins<%=i%>" 	value="<%=@compare_sheet[i].id%>"></td>
			<td style="text-align:center;"><div contentEditable="true"><%= @compare_sheet[i].id %></div></td>
			<td style="text-align:center;"><div contentEditable="true" id="product_id_<%= @compare_sheet[i].product_id %>"><%= @compare_sheet[i].product_id %></div></td>
			<td style="text-align:center;"><div contentEditable="true" id="service_provider_id_<%= @compare_sheet[i].service_provider_id %>"><%= @compare_sheet[i].service_provider_id %></div></td>
			<td style="text-align:center;"><div contentEditable="true" id="service_provider_name_<%= @compare_sheet[i].service_provider_name %>"><%= @compare_sheet[i].service_provider_name %></div></td>
			<td style="text-align:center;"><div contentEditable="true"><%= @compare_sheet[i].product_name %></div></td>
			<td style="text-align:center;"><div contentEditable="true"><%= @compare_sheet[i].coverage_for %></div></td>
			<td style="text-align:center;"><input type="submit" value="Update" name="update_details" onclick="return showText('product_id_<%= @compare_sheet[i].product_id %>','service_provider_id_<%= @compare_sheet[i].service_provider_id %>','service_provider_name_<%= @compare_sheet[i].service_provider_name %>','<%=@compare_sheet[i].id%>');"/>
		</tr>
	<% end %>
	</tbody>
</table>
</div>
<% end %>

function showText(product_id,service_provider_id,service_provider_name,record_id){
		var divArray = document.getElementById(product_id).innerHTML;
		var div1Array = document.getElementById(service_provider_id).innerHTML;
		var div2Array = document.getElementById(service_provider_name).innerHTML;
		alert(divArray);
		alert(div1Array);
		alert(div2Array);
		return false;
}

## Browser Source Code

<table id="table1" width="2500" bordercolor="#cccccc" cellpadding="0" cellspacing="5">
	<thead>
		<tr>
			<th><input name="checkall" value="" onclick="CheckAll('auto_ins', 10, this);" type="checkbox"></th>
			<th> Id </th>
			<th> Product Id </th>
			<th> Service Provider Id </th>
			<th> Service Provider Name </th>
			<th> Product Name </th>
			<th> Coverage for </th>
		</tr>
	</thead>
	<tbody>

		<tr>
			<td align="center"><input name="compare[]" id="checkauto_ins0" value="1" type="checkbox"></td>
			<td style="text-align: center;"><div contenteditable="true">1</div></td>

			<td style="text-align: center;"><div id="product_id_413" contenteditable="true">413</div></td>
			<td style="text-align: center;"><div id="service_provider_id_22" contenteditable="true">22</div></td>
			<td style="text-align: center;"><div id="service_provider_name_Bajaj Allianz General Insurance Co. Ltd. " contenteditable="true">Bajaj Allianz General Insurance Co. Ltd. </div></td>
			<td style="text-align: center;"><div contenteditable="true">Bajaj Allianz Motor Insurance</div></td>
			<td style="text-align: center;"><div contenteditable="true">four wheeler</div></td>
			<td style="text-align: center;"><input value="Update" name="update_details" onclick="return getText('product_id_413','service_provider_id_22','service_provider_name_Bajaj Allianz General Insurance Co. Ltd. ','1');" type="submit">
		</td></tr>

		<tr>

			<td align="center"><input name="compare[]" id="checkauto_ins1" value="2" type="checkbox"></td>
			<td style="text-align: center;"><div contenteditable="true">2</div></td>
			<td style="text-align: center;"><div id="product_id_800" contenteditable="true">800</div></td>
			<td style="text-align: center;"><div id="service_provider_id_22" contenteditable="true">789</div></td>
			<td style="text-align: center;"><div id="service_provider_name_Bajaj Allianz General Insurance Co. Ltd. " contenteditable="true">Bajaj Allianz General Insurance Co. Ltd. </div></td>
			<td style="text-align: center;"><div contenteditable="true">Bajaj Allianz Motor Insurance</div></td>

			<td style="text-align: center;"><div contenteditable="true">two wheeler</div></td>
			<td style="text-align: center;"><input value="Update" name="update_details" onclick="return getText('product_id_800','service_provider_id_22','service_provider_name_Bajaj Allianz General Insurance Co. Ltd. ','2');" type="submit">
		</td></tr>

		<tr>
			<td align="center"><input name="compare[]" id="checkauto_ins2" value="3" type="checkbox"></td>
			<td style="text-align: center;"><div contenteditable="true">3</div></td>
			<td style="text-align: center;"><div id="product_id_415" contenteditable="true">415</div></td>
			<td style="text-align: center;"><div id="service_provider_id_23" contenteditable="true">23</div></td>

			<td style="text-align: center;"><div id="service_provider_name_ICICI Lombard General Insurance Co. Ltd. " contenteditable="true">ICICI Lombard General Insurance Co. Ltd. </div></td>
			<td style="text-align: center;"><div contenteditable="true">Two Wheeler Insurance</div></td>
			<td style="text-align: center;"><div contenteditable="true">two wheeler</div></td>
			<td style="text-align: center;"><input value="Update" name="update_details" onclick="return getText('product_id_415','service_provider_id_23','service_provider_name_ICICI Lombard General Insurance Co. Ltd. ','3');" type="submit">
		</td></tr>

		<tr>
			<td align="center"><input name="compare[]" id="checkauto_ins3" value="4" type="checkbox"></td>
			<td style="text-align: center;"><div contenteditable="true">4</div></td>

			<td style="text-align: center;"><div id="product_id_416" contenteditable="true">416</div></td>
			<td style="text-align: center;"><div id="service_provider_id_23" contenteditable="true">23</div></td>
			<td style="text-align: center;"><div id="service_provider_name_ICICI Lombard General Insurance Co. Ltd. " contenteditable="true">ICICI Lombard General Insurance Co. Ltd. </div></td>
			<td style="text-align: center;"><div contenteditable="true">Car Insurance</div></td>
			<td style="text-align: center;"><div contenteditable="true">four wheeler</div></td>
			<td style="text-align: center;"><input value="Update" name="update_details" onclick="return getText('product_id_416','service_provider_id_23','service_provider_name_ICICI Lombard General Insurance Co. Ltd. ','4');" type="submit">
		</td></tr>
	</tbody>
</table>