jQuery validate plugin - not hiding errorContainer -

i've learning how use jquery validate plugin. i've got table form fields need validate. ideally, want every row have additional row underneath displaying error message corresponding it. naturally, want these error message rows hidden apart when need display error message.

the docs plugin says:

the elements given errorcontainer shown , hidden when errors occur. error labels themselve added element(s) given errorlabelcontainer

so assumed if added "errorrow" class every 1 of rows want display errors , declared rows errorcontainers hidden. isn't working me , don't know why.

here's simplified code:

html:

<form id="myform"> <table> <tr>     <td class="applabelcolumn">         <label>first name:</label>     </td>     <td class="appvaluecolumn">         <input type="text" name="firstname" />     </td> </tr> <tr id="errorrow">     <td class="applabelcolumn">         <label>error:</label>     </td>     <td class="appvaluecolumn">      </td> </tr> </table> </form> 

and jquery:

$('#myform').validate({             rules: {                 firstname: "required"             },             message: {                 firstname: "please enter first name."             },             errorplacement: function(error, element) {                 error.appendto( element.parent().next() );             },             errorlabelcontainer: "#errorrow .appvaluecolumn",             errorcontainer: "#errorrow, #errorrow td" }); 

any ideas?

many thanks