Trouble with error placement jquery validate

Trouble with error placement jquery validate

I have several different fieldsets in a long form each one structured slightly differently. I have one that I can't get the error message to show up

HTML:

<form>
   
<fieldset id="Initial>
         
<div class="section">
             
<h3>Do you wish to add <span>Market Depth,</span> the ability to view <span>Nasdaq Level II data</span> and <span>futures market depth?</span></h3>
                   
<span class="row"><label><input type="checkbox" name="MKDPT" id="MKDPT">Add Market Depth</label></span>
         
</div>
     
</fieldset>
</form>


I want to inject the error element "p" after the span class row

js:

....
errorElement
: "p",
errorPlacement
: function(error, element)
{
   
if( element.closest("#final_step").length ) {
        error
.appendTo( element.parent("li"));
   
} else if( element.closest("#EX_AGREEMENT").length ) {
        element
.closest('li').after(error);
   
} else if( element.closest("#Initial").length ) {
        error
.insertAfter( element.parent("div"));
   
} else {
        error
.insertAfter(element.parent("li"));
   
}
},
....

should note the input #MKDPT is getting the error class




Kane Leins