jQuery works in one case, but doesn't work in the other case in JSFiddle

I found a good example for me in JSFiddle with jQuery validation. But when I made another code on the similarity of the working code - it's dosen't work. What I do wrong?

<form method="POST" action="contact-form-submission.php" class="form-horizontal" id="contact-form">

        <div class="control-group">
            <label class="control-label" for="email">Email Address</label>
            <div class="controls">
                <input type="text" name="email" id="email" placeholder="Email">
            </div>
        </div>
         <div class="control-group">
            <div class="controls">
                <input type="password" name="password" id="password" placeholder="Password">
            </div>
        </div>
        <div class="control-group">
            <div class="controls">
                <input type="password" name="confPassword" id="confPassword" placeholder="Confirm Password">
            </div>
        </div>
        <div class="form-actions">
            <input type="hidden" name="save" value="contact">
</div>
</form>


$(document).ready(function () {

    $('#contact-form').validate({
        rules: {

            email: {
                required: true,
                email: true
            },
            password: {
                minlength: 2,
                required: true
            },
            confPassword: {
                    minlenth: 2,
                equalTo : "#password"
            }
        },
        highlight: function (element) {
            $(element).closest('.control-group').removeClass('success').addClass('error');
        },
        success: function (element) {
            element.text('OK!').addClass('valid')
                .closest('.control-group').removeClass('error').addClass('success');
        }
    });

});

And connected these plagins:

jquery.validate.js additional-methods.js bootstrap-combined.min.css bootstrap.min.js

working code, my code