title: How to highlight first row of table JQuery on page load ?
body: <p>My following code works fine if any row is clicked:</p>
  
  <pre><code>$(document).ready(function() {  
  $('#currentloc_table tr').click(function(event) {
      $("#"+$(this).attr('id')+" input:checkbox")[0].checked = !  ($("#"+$(this).attr('id')+" input:checkbox")[0].checked);
      if($("#"+$(this).attr('id')+" input:checkbox")[0].checked == true)
          $(this).addClass('selected');
      else if($("#"+$(this).attr('id')+" input:checkbox")[0].checked == false)
          $(this).removeClass('selected');    
  });
  });
  </code></pre>
  
  <p>Here is the CSS:</p>
  
  <pre><code>.selected td {
  background: yellow;
  }
  </code></pre>
  
  <p>What I need that on page load, first row of this table should get highlighted. How can i do that?</p>