title: change checkbox status (true/ false) on div click
body: <p>i have div that have image, label and input check-box. what i like when i click on div, it change check-box status from true to false and vise verse </p>
  
  <p>jQuery</p>
  
  <pre><code>$(".markerDiv").click(function () {
  
      if ($(this).find('input:checkbox[name=markerType]').is(":checked")) {
  
            $(this).find('input:checkbox[name=markerType]').attr("checked", false);
      }
      else {
            $(this).find('input:checkbox[name=markerType]').attr("checked", true);
      }
  
  
   alert($(this).find('input:checkbox[name=markerType]').is(":checked"));
  });
  </code></pre>
  
  <p>html</p>
  
  <pre><code>&lt;div class="markerDiv"  id="maker_school"&gt;&lt;label class="marker_label"&gt;School&lt;/label&gt; &lt;input class="marker_ckeckbox" name="markerType" value="school" type="checkbox"  /&gt; &lt;/div&gt; &lt;br /&gt;
  </code></pre>