Relocate error labels using jQuery validation

Question

So I'm using jQuery validation and have managed (despite some out of date documentation) to get a group of required radio boxes working. The problem is the plugin is appending the error label directly after the first radio (the first of that group that has the required class).

With this in mind is it possible to set a custom location for each error label?

For reference this is the HTML:

<tr>
    <td width="200">
        <label>Title2 *</label>
    </td>
    <td width="505">
>>>     <label><input type="radio" class="required" name="Title2" value="Mr" /> <!-- ERROR APPEARS HERE -->Mr</label>
        <label><input type="radio" class="required" name="Title2" value="Miss" />Miss</label>
        <label><input type="radio" class="required" name="Title2" value="Mrs" />Mrs</label>
        <label><input type="radio" class="required" name="Title2" value="Ms" />Ms</label>
        <!-- I WANT ERROR LABEL HERE -->
    </td>
</tr>

Scroll across on the line marked >>> and you'll see the comment that shows there the plugin is putting the error label, just before the closing </td> you'll see where I want the label to go.

Any help appreciated, Thanks.

Answer 1

Try adding the label tag where you want:

<label class="error" for="Title2" generated="true"></label>

The plugin will use this tag to display error