title: How to Keep checkbox checked after refresh the page
body: <p>I have a dropdown-box, that when selecting from the drop down its shows the data.
  Also I have a checkbox above each td, that is used to hide the column this perform by java script,if the user check the checkbox and he select the another value in the drop down box then the selected checkbox will not show.</p>
  <p>Below is the code for hiding the column when checkbox selected</p>
  <p>I want to test if the user checked the checkbox and he select the another value in the drop-down box then the selected checkbox will not show can any one
  How can I that?</p>
  <pre><code>&lt;input type='checkbox' style='margin:-19px 0 0 732px;   border: 1px solid grey;' name='9xx'/&gt;9xx
  &lt;input type='checkbox' style='margin:-19px 0 0 36px;   border: 1px solid grey;' name='6xx'/&gt;6xx  
  &lt;input type='checkbox' style='margin:-19px 0 0 30px;   border: 1px solid grey;' name='12xx'/&gt;12xx
  &lt;input type='checkbox' style='margin:-19px 0 0 21px;   border: 1px solid grey;' name='14xx'/&gt;14xx
  &lt;input type='checkbox' style='margin:-19px 0 0 26px;   border: 1px solid grey;' name='10xx'/&gt;10xx
  &lt;input type='checkbox' style='margin:-19px 0 0 31px;  border: 1px solid grey;' name='8xx'/&gt;8xx
  &lt;input type='checkbox' style='margin:-19px 0 0 31px;  border: 1px solid grey;' name='11xx'/&gt;11xx
  
  &lt;script&gt;
  $(&quot;input:checkbox:not(:checked)&quot;).each(function() {
      var column = &quot;table .&quot; + $(this).attr(&quot;name&quot;);
      $(column).show();
  });
  
  $(&quot;input:checkbox&quot;).click(function(){
      var column = &quot;table .&quot; + $(this).attr(&quot;name&quot;);
      $(column).toggle();
  });
  
  &lt;/script&gt;
  </code></pre>