Javascript error ( missing } )
<p>Just checking my JS and I have an error, but I cannot see where. WOnder if you can ?</p>

<pre><code>$(document).ready(function(){
        $('input').hover(function()
        {
        $(this).popover('show')
        });
        $("#loginnow").validate({
            rules:{
                username:{
                    required:true,
                    minlength: 3
                },
                password:{
                    required:true,
                    minlength: 6
                },
            messages:{
                username:{
                    required:"Enter your Username",
                    minlength:"Username must be minimum 3 characters"
                },
                password:{
                    required:"Enter your password",
                    minlength:"Password must be minimum 6 characters"
                },
                    },
            errorClass: "help-inline",
            errorElement: "span",
            highlight:function(element, errorClass, validClass) {
                $(element).parents('.control-group').addClass('error');
            },
            unhighlight: function(element, errorClass, validClass) {
                $(element).parents('.control-group').removeClass('error');
                $(element).parents('.control-group').addClass('success');
            }
        });
    });
</code></pre>
