JQuery validation, doesn't work for me.

JQuery validation, doesn't work for me.

Using JQuery validation plugin, it will work in css, class='required", but I use method to validate, it will not work. The coding is below. It will skip the validation and go to server.

Any bug is here ?
  1. function saveNew(){ 
         $("#my_form").validate({
                errorLabelContainer: $("#RegisterErrors"),
                rules: {
                   scope: { required: true }
                },
                messages: {scope: "scope is required" }
            });
       
        $("#my_form").submit();
    }









  2. <div id="RegisterErrors" style="display:none" ></div>