title: check checkbox on click href and on click checkbox
body: <p>I know there is many topics for check a checkbox by clicking on href, but in every solution i seen, you can't check the checkbox by clicking on the checkbox, because it wrapped by the <code>&lt;a&gt;</code> tag.</p>
  
  <p><strong>There is my html</strong> :</p>
  
  <pre><code>&lt;a href='#' id='cb'&gt;mode&lt;input type='checkbox' id='mode'&gt;&lt;/a&gt;
  </code></pre>
  
  <p><strong>My Jquery</strong> :</p>
  
  <pre><code>    $("#cb").click(function(e) {
          e.preventDefault();
          $("#mode").prop("checked", !$("#mode").prop("checked"));
      })
  </code></pre>
  
  <p><strong>What I need</strong> :</p>
  
  <p>I need to be able to check the checkbox by clicking on href AND by clicking on the checkbox.</p>
  
  <p>If this post is duplicate, i'm sorry but i didn't see it, link me the duplicate and i'll remove this.</p>
  
  <p><a href="https://jsfiddle.net/fwzd08cw/" rel="noreferrer">JSFiddle</a></p>