I have to show/hide a message in a div below checkbox (in each record/row) when either one of the checkbox(pair) is checked
<p>I have a table with 4 column and n rows. Based on records i get from back end, the no. of rows increases. In each row, last column has two checkbox with different ids. On page load these check boxes may or may not be checked from backend. I have to show/hide a message in a div below checkbox when either one of the checkbox is checked. So it has two parts.
1. This message will be shown for already checked checkbox on  page load as the check box may be already checked 
2. This message will be shown for newly checked checkbox on click.</p>

<p>I tried using document.getelementbyID in $(document).ready(function(){}); but i get a list of row where each row has pair of checkbox in last column. </p>

<p>I tried to make changes in onClick event but the javascript called on click is on different jsp. Also, each checkbox hits its onclick event where i am not able to check whether the second checkbox is checked or not.</p>