how to check all checkboxes within a div in jQuery?
<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>
