title: how to check all checkboxes within a div in jQuery?
body: <p><strong>EDIT:</strong></p>
  
  <p>Thanks for the answers guys, it does look correct and it works on jsfiddle.net , but in my code the alert fires well, yet nothing happens to the checkboxes. :/</p>
  
  <pre><code>     $('#selectChb').click(function(){
           $(':checkbox').prop("checked", true);
           alert("1");
      });
  
       $('#deselectChb').click(function(){
           $(':checkbox').prop("checked", false);
           alert("2");
      });
  </code></pre>
  
  <p>...</p>
  
  <pre><code>&lt;div id="chbDiv" class="ui-widget ui-widget-content ui-corner-all" &gt;  &lt;br&gt;&lt;/br&gt;
    &lt;table width="90%" border="0" align="center" cellpadding="5" cellspacing="0"&gt;
      &lt;tr&gt;
      &lt;td colspan="2"&gt;Following:&lt;/td&gt;
      &lt;td&gt;&amp;nbsp;&lt;/td&gt;
    &lt;/tr&gt;
      &lt;tr&gt;
      &lt;td width="25" align="left"&gt;&lt;input type="checkbox" id="check1" /&gt;&lt;label for="check1"&gt;&amp;nbsp;&lt;/label&gt;&lt;/td&gt;
      &lt;td width="45" align="center"&gt;&lt;img src="face_01.jpg" width="32" height="32"&gt;&lt;/td&gt;
      &lt;td&gt;Andrew Lloyd Webber&lt;/td&gt;
    &lt;/tr&gt;
        &lt;tr&gt;
      &lt;td width="25" align="left"&gt;&lt;input type="checkbox" id="check2" /&gt;&lt;label for="check2"&gt;&amp;nbsp;&lt;/label&gt;&lt;/td&gt;
      &lt;td width="25" align="center"&gt;&lt;img src="face_02.jpg" width="32" height="32"&gt;&lt;/td&gt;
      &lt;td&gt;Richard Branson&lt;/td&gt;
    &lt;/tr&gt;
        &lt;tr&gt;
      &lt;td width="25" align="left"&gt;&lt;input type="checkbox" id="check3" /&gt;&lt;label for="check3"&gt;&amp;nbsp;&lt;/label&gt;&lt;/td&gt;
      &lt;td width="25" align="center"&gt;&lt;img src="face_03.jpg" width="32" height="32"&gt;&lt;/td&gt;
      &lt;td&gt;Dmitry Medvedev&lt;/td&gt;
    &lt;/tr&gt;
  &lt;/table&gt;
    &lt;br&gt;
    &lt;table width="90%" border="0" align="center" cellpadding="5" cellspacing="0"&gt;
      &lt;tr&gt;
        &lt;td&gt;&lt;a href="#" id="selectChb" class="ui-state-default ui-corner-all"&gt;&lt;span class="ui-icon ui-icon-check"&gt;&lt;/span&gt;Select All&lt;/a&gt;&amp;nbsp;
        &lt;a href="#" id="deselectChb" class="ui-state-default ui-corner-all"&gt;&lt;span class="ui-icon ui-icon-close"&gt;&lt;/span&gt;Deselect All&lt;/a&gt;&lt;/td&gt;
        &lt;td&gt;&amp;nbsp;&lt;/td&gt;
        &lt;td&gt;&amp;nbsp;&lt;/td&gt;
      &lt;/tr&gt;
      &lt;/table&gt;
  &lt;br&gt;
  
  &lt;/div&gt;
    &lt;br&gt;
    &lt;div  class="ui-widget ui-widget-content ui-corner-all"&gt;
  </code></pre>