Why in html code the unchecked check box has checked value true?

I have some checkboxes and I want to save their state in order to reload them easily. So, I decided to keep in a hidden input the .html() (jquery) of the div that contains them and then reload it , when necessary.

However, I get the following effect: The unchecked checkboxes have the checked attribute equal to "checked", as you can see in the pictures...

What is happening? How am I going to get the real values from html and not by using javascript?

Thanks!