title: Error placement with jquery validate plugin
body: <p>my form is a table and input fields are in rows and several columns.
  I am trying to place error messages with the jquery validate plugin in the cell (same column, next row) which is located right beneath the field which produced the error.</p>
  
  <p>HTML would be something like that:</p>
  
  <pre><code>&lt;form id="add_this"&gt;
  &lt;table&gt;
  &lt;tr&gt;
    &lt;td&gt;&lt;input id="one"&gt;bla&lt;/input&gt;&lt;/td&gt;
    &lt;td&gt;&lt;input id="two"&gt;bla&lt;/input&gt;&lt;/td&gt;
    &lt;td&gt;&lt;input id="three"&gt;bla&lt;/input&gt;&lt;/td&gt;
  &lt;/tr&gt;
  &lt;tr&gt;
    &lt;td id="err_one"&gt;&lt;/td&gt;
    &lt;td id="err_two"&gt;&lt;/td&gt;
    &lt;td id="err_three"&gt;&lt;/td&gt;
  &lt;/tr&gt;
  &lt;tr&gt;
    &lt;td&gt;&lt;button id="frm_submit"&gt;Go&lt;/button&gt;&lt;/td&gt;
  &lt;/table&gt;
  &lt;/form&gt;
  </code></pre>
  
  <p>So, for example, if the error was on input with id 'one', the corresponding error msg should appear in the cell with id 'err_one'. My validation code, which does not work, goes like this:</p>
  
  <pre><code>$('#frm_submit').click(function(){
    $('#add_this').validate({
      errorPlacement: function(error, element){
      error.appendTo(element.closest('tr').next('tr').children('td').eq(element.index()));
       }
    });
  });
  </code></pre>
  
  <p>Thanks very much in advance</p>