Jquery form is not working

Hi,
I am new bie in Jquery, I using using Jquery for form Validation, but unfortunately its not working, and i not getting any solution, here is my code of HTML and Jquery…

Please suggest where I am going wrong in implementation of this form…

I have added script dont know why it is not visible on my post…

<script>
    $(document).ready(function() {
        $("#userInfoValidation").validate({
            rules: {
                firstname: "required",
                lastname: "required",
                phonenumber: {
                    required: true,
                },
                email: {
                    required: true,
                    email: true
                }
            },
            messages: {
                firstname: "Please enter your firstname",
                lastname: "Please enter your lastname",
                phonenumber: {
                    required: "Please enter a phone phone",
                },
                email: "Please enter a valid email address"
            }
        });

        $(".cancel").click(function() {
            validator.resetForm();
        });
    });
</script>

<form id="userInfoValidation" name="" class="cmxform" action="" method="get">
<div class="userInfo_edit" style="display:none;">
                                <div style="display:block" class="billing_invoice batch mb20 pa20">
                                    <div class="pr30 column50 boxSizing">
                                            <div class="row pb10">
                                                <label for="firstName" class="width100 pt3" style="display:inline-block;"><strong>First Name </strong><span style="float:right;">:</span></label>
                                                
                                                <input type="text" name="firstName" class="width150 ml5" id="firstname">
                                            </div>
                                            
                                            <div class="row pb10">
                                                <label for="lastName" class="width100 pt3" style="display:inline-block;"><strong>Last Name </strong><span style="float:right;">:</span></label>
                                                
                                                <input type="text" name="lastName" class="width150 ml5" id="lastname">
                                            </div>
                                            
                                            <div class="row pb10">
                                                <label for="phoneNo" class="width100 pt3" style="display:inline-block;"><strong>Phone Number </strong><span style="float:right;">:</span></label>
                                                
                                                <input type="text" name="phoneNo" class="width150 ml5" id="phonenumber">
                                            </div>
                                            
                                            <div class="row pb10">
                                                <label for="email" class="width100 pt3" style="display:inline-block;"><strong>Email Id </strong><span style="float:right;">:</span></label>
                                                
                                                <input type="text" name="emailId" class="width150 ml5" id="email">
                                            </div>
                                        </div>                                     
                                    </div>
                                
                                <div class="userInfo_edit" style="display:none; text-align:right;">                                    
                                    <input class="submit btn_new save_btn" type="submit" value="Save">
                                    <input class="cancel btn_new" type="submit" value="Cancel">
                                </div>
                                
                            </div>
</form>

Is there a link to the jQuery library on your page?

yeah I am using below links…

Make sure that the script you posted above comes after/below the link to the library.