How to display error messages using jquery Validate?

Question

css

I have the following code to validate inputs:

$('.refresh').click(function() {
                $('.price-filter').validate({
                    rules: {
                        price: {
                            required: true,
                            number: true
                        }
                    },

                    messages: {
                        price: {
                            required: "Поля ввода не должны быть пустыми",
                            number: "Введите цифры"
                        }
                    },

                    errorElement: "div",

                    errorPlacement: function(error, element) {
                        $('.error').insertAfter('.price-filter');
                    },

                    submitHandler: function() {
                        table.draw();
                    }

                })
            });

At first glance, everything is configured correctly, but no error messages are displayed. How to fix it? Thanks in advance.
The complete code is here: https://jsfiddle.net/zu2yhmvx/

Answer 1

Problem solved: https://jsfiddle.net/zu2yhmvx/