title: Check or uncheck all checkboxes with same classname based on value
body: <p>I've the following checkboxes in multiple divs.</p>
  
  <pre><code>&lt;div class="div1"&gt;
      &lt;input type="checkbox" class="chkbox" value="101"&gt; This is 101
      &lt;input type="checkbox" class="chkbox" value="102"&gt; This is 102
      &lt;input type="checkbox" class="chkbox" value="103"&gt; This is 103
  &lt;/div&gt;
  &lt;div class="div2"&gt;
      &lt;input type="checkbox" class="chkbox" value="110"&gt; This is 110
      &lt;input type="checkbox" class="chkbox" value="102"&gt; This is 102
      &lt;input type="checkbox" class="chkbox" value="101"&gt; This is 101
  &lt;/div&gt;
  </code></pre>
  
  <p>As shown above, some of the checkboxes have the same value (e.g., 101) across multiple divs. Now, whenever a checkbox is checked, I need to check other checkboxes with the same value. Similarly, for uncheck.</p>
  
  <pre><code>$(".chkbox").change(function() {
      // If checked
      if (this.checked)
             // find other checkboxes with same value and check them
      else
             // find other checkboxes with same value and uncheck them
  }
  </code></pre>