jquery tools validator problems

jquery tools validator problems

hello to anybody... i need your help with the jquery tools validator.. I have this test.js after loading the jquery.tools.min.js (I downloaded  it with all the componentes).. it has this:

test.js

$.tools.validator.fn("input[name=group1]", {en: 'Choose one'},
function(el, value) {
var arr = $('input[name=group1]');
var sel = false;
for(var i=0; arr.length > i; i++) {
if($(arr[i]).is(":checked"))
sel = true;
}
    return (sel == true) ? true : false;
});

$.tools.validator.fn("[type=radio]",  {en: 'Choose one radiobutton'},
function(el, value) {
var arr = $('input[name=group2]');
var sel2 = false;
for(var j=0; arr.length > j; j++) {
if($(arr[j]).is(":checked"))
sel2 = true;
}
    return (sel2 == true) ? true : false;
});


$('#send').click(function() {
$('.error').remove();
var check = $("form :input").validator({offset: [0, 10],lang: 'en'});
}

and my html is:

<form id="signup">
<input type="text" required="required" />
<br/>
<input type="checkbox" id="checkbox1" name="group1" />
<label for="checkbox1">Checkbox 1</label> 
<input type="checkbox" id="checkbox2" name="group1" />
<label for="checkbox2">Checkbox 2</label> 
<input type="checkbox" id="checkbox3" name="group1" required="required"/>
<label for="checkbox3">Checkbox 3</label> 
<br/>
<input type="radio" id="radio1" name="group2" />
<label for="radio1">Radio 1</label> 
<input type="radio" id="radio2" name="group2" />
<label for="radio2">Radio 2</label> 
<input type="radio" id="radio3" name="group2" required="required"  />
<label for="radio3">Radio 3</label> 
<br/>
<input id="send" type="submit"/>
</form>

I have the checkboxes and radios at the same line to choose from but the message appears just right the first checkbox or radio hidding the other ones... in the inputText this isn't a problem but with an horizontal layout, it is... I've never found how to use the framework offset property to a particular input field.. only within the validator() call. I would like to show the error message right the last element... (that's why I put the required attribute in the last element).. how can I achieve this?

I'm using a custom css class 'error'.. before using it, I see nothing.. but the problem is that ... I can see the custom checkbox error 'Choose one' but in the  case of radio button, I see a default error 'Please correct this value' instead of 'Choose one radiobutton'.. :S

I'm using jquery tools to use html5 new attributes.. like the required.. but if I enter something in the input text field.. the error message shows what I entered :S 

please help, thanks in advance