jQuery Validation - error placement

Question

I'm trying to use 'errorPlacement' from jQuery Validation DOCS:

$("#myform").validate({   errorPlacement: function(error, element) {      error.appendTo( element.parent("td").next("td") );    },    debug:true  }) 

I want to place error before not valid input, but this does not work:

$("#myform").validate({       errorPlacement: function(error, element) {          error.appendTo( element.parent("form").prev("input") );        },        debug:true      }) 

LIVE DEMO

Any help much appreciated!

Answer 1

Since you want to insert the error message before the invalid element, use insertBefore():

errorPlacement: function(error, element) {     error.insertBefore(element); } 

Answer 2

Just put the part Where you want the error

<label for="[your checkbox id]" generated="true" class="error"></label> 

Ex:

<label><input type="checkbox" name="checkbox" id="checkbox" value="1" > Checkbox content</label> <label for="checkbox" generated="true" class="error"></label>