Hi everyone.

I really need som help on this. I will do my best to explain the issue I'm on.

I use the great Validation Plugin from Jörn Zaefferer to validate my Forms. Everything is just fine, but since I tried to implement the "success:function(label) {}" thing I can`t get it right.

The worst part is that I'm doing the basic of the documentation:

1. success: function(em) {
2. em.text("Ok!").addClass("valid");
3. },

The question is that the "transformation" of the label [em in my case] is doing fine, but the image of the little nice blue check icon doesn't locate next to the input, it goes down:

As you see the error label or em or whatever is correctly shown, but when it becomes "valid"

It just goes DOWN !!!!!

I leave you guys my validate() and my CSS codes ...

The funny thing is that with the Firebug, it shows me on the generation of the valid label, a "display:block" attribute, and if I block it on Firebug the label goes where it belongs, see:

Here is the jQuery code:

1. $("#frmBusquedaPropia").validate({
2. debug: true,
3. errorElement: "em",
4. success: function(em) {                            // Here is my problem ??
5. em.text("Ok!").addClass("valid");        // At least is with this 
6. },
7. errorPlacement: function(error, element) {
8. error.insertAfter(element);
9. },
10. submitHandler: function(form) {
11. $.ajax({
12. type: "POST",
13. url: $("#"+form.id).attr("action"),
14. data: $("#"+form.id).serialize(),
15. success: function(data) {
16. $("#searchResultsPropio").empty().html(data);
17. },
18. error: function(e) {
19. if (e.description == null) {
20. alert(e.message);  
21. } else {
22. alert(e.description);
23. }
24. }
25. });
26. $("*[generated='true']").remove();
27. },
28. rules: {
29.                         // My rules are here
30. },
31.                 messages: {
32.                         // My custom messages are here
33.                 }
34. });

And here is the CSS: