Question

Why doesn’t this work? :

<table id="table1">
   <tr id="trSS">
      detail1
   </tr>
   <tr id="trEstate">
      detail2
   </tr>   
</table>

With :

$(document).ready(function() {
    $("#trSS").hide();
}​);

Not working, as in detail1 and detail2 are always displayed, where detail1 should be hidden by the code.

Answer 1

Add the table cell elements:

<table id="table1">
   <tr id="trSS">
      <td>detail1</td>
   </tr>
   <tr id="trEstate">
      <td>detail2</td>
   </tr>   
</table>

See here