title: Catch two different click event inside a div using jQuery
body: <p>I have an image and a check box placed inside a div.
  There are two different events of click in it. One is :</p>
  
  <ol>
  <li><strong>When I click the check-box the check-box should be selected(checked)</strong> and the other is</li>
  <li><strong>When I click the image a light-box should appear.</strong></li>
  </ol>
  
  <p>What happening is; when I click the image, the light-box appear but when I click the check-box, again the light-box is appearing.</p>
  
  <pre><code>&lt;div class="divWrap"&gt;
      &lt;div class="imageWrap"&gt;
          &lt;img src="abc.jpg"&gt;
          &lt;div id="checkbox"&gt;
                  &lt;input type="checkbox" value="None" id="checkbox1" name="check1" /&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I am not able to code it properly in jQuery.
  Can anyone help?</p>