title: checkboxe states using local storage
body: <p>ok, I have a form with about 30 different checkboxes their status is stored in local storage  (checked or unchecked) using this code;</p>
  
  <pre><code>&lt;script type="text/javascript"&gt;//&lt;![CDATA[
  $(window).load(function(){
  $(':checkbox').on('change', function () {
  localStorage.setItem(this.id, this.checked);
  });
  $(':checkbox').each(function () {   
  var status = localStorage.getItem(this.id) === "true" ? true : false;
  $(this).prop("checked", status);
  });
  });
   //]]&gt;&lt;/script&gt;
  </code></pre>
  
  <p>My problem is, in the form, I have two checkboxes which are set to checked and disabled (as below), </p>
  
  <pre><code>&lt;input type="checkbox" name="opt9" value="Yes" id="2" checked="checked"  disabled="disabled"/&gt;
  &lt;input type="checkbox" name="opt8" value="Yes" id="6" checked="checked" disabled="disabled"/&gt;
  </code></pre>
  
  <p>How do I keep these permanently checked in local storage and add them to the code I already have (or a complete new code)</p>