How to set jquery validate to type=checkbox with display:none?

Question

css

Good afternoon Colleagues! How to check checkbox with display:none in form?
Project: https://codepen.io/anon/pen/OQzGxM

Answer 1

Do not display:none
But something like:

form .checkbox {
    height: auto;
    margin: 0;
    opacity: 0;
    z-index: -1;
    position: absolute;
    left: -9999.9rem;
}

And you can set it to force div with class error