How to style jquery validation (http://jqueryvalidation.org/)?

How to style jquery validation (http://jqueryvalidation.org/)?

I'm looking for some sort of reference but I can't find it. All I can find are bits of styling as asked in stackoverflow or mini-examples. Nothing really comprehensive.

Also there are other jquery validation plugins and some of the discussion (mostly in stackoverflow) I've seen doesn't really talk about which plugin is being used.

I have this code (see code below) without using any CSS and  and it produces this sort of styling by default.



I looked at the site linked above and can't find any article on how to style the error messages.

Thanks

  1. <html>
            <head>
                    <script src="//code.jquery.com/jquery-1.11.0.min.js"></script>
                    <script src="//ajax.aspnetcdn.com/ajax/jquery.validate/1.12.0/jquery.validate.min.js"></script>
                    <script type="text/javascript">
                            $.validator.setDefaults({
                                  





  2.   submitHandler: function() { alert("submitted!"); }
                            });

                            $().ready(function() {
                                    // validate the comment form when it is submitted
                                    $("#commentForm").validate();
                            });
                    </script>
            </head>
            <body>
                    <form id="commentForm">
                            <input id="email" required="" type="text" />
                            <button type="submit">Submit</button>
                    </form>

            </body>
    </html>