title: checkbox value checked if its value equals to 1
body: <p>I want to make checkbox checked if its value == 1 and unchecked if value == 0. please suggest some logic. Thanks in advance who helping me.</p>
  
  <pre><code>&lt;div class="checkbox"&gt;
      &lt;label&gt;&lt;input type="checkbox" class="preference" value="1" data-value="size1" id="datasize1"&gt;A&lt;/label&gt;\
  &lt;/div&gt;\
  &lt;div class="checkbox"&gt;\
      &lt;label&gt;&lt;input type="checkbox" class="preference" value="0" data-value="size2" id="datasize2"&gt;B&lt;/label&gt;\
  &lt;/div&gt;\
  &lt;div class="checkbox"&gt;\
      &lt;label&gt;&lt;input type="checkbox" class="preference" value="1" data-value="size3" id="datasize3"&gt;C&lt;/label&gt;\
  &lt;/div&gt;\
  &lt;div class="checkbox"&gt;\
      &lt;label&gt;&lt;input type="checkbox" class="preference" value="1" data-value="size4" id="datasize4"&gt;D&lt;/label&gt;\
  &lt;/div&gt;\
  &lt;div class="checkbox"&gt;\
      &lt;label&gt;&lt;input type="checkbox" class="preference" value="0" data-value="size5" id="datasize5"&gt;E&lt;/label&gt;\
  &lt;/div&gt;\
  &lt;div class="checkbox"&gt;\
      &lt;label&gt;&lt;input type="checkbox" class="preference" value="1" data-value="size6" id="datasize6"&gt;F&lt;/label&gt;\
  &lt;/div&gt;\
  &lt;div class="checkbox"&gt;\
      &lt;label&gt;&lt;input type="checkbox" class="preference" value="0" data-value="size7" id="datasize7"&gt;G&lt;/label&gt;\
  &lt;/div&gt;
  
  $('.preference').each(function(e){
      if($(this).val() == 1){
          $(this).checked;
      }
  });
  </code></pre>