uncheck all checkboxes on button click using jquery
<p>I have this table, which get populated from an xml</p>

<pre><code>&lt;table id="tableDg" 
    style="border:#2F5882 1px solid;width:100%;"  cellspacing="1" cellpadding="1"&gt; 

    &lt;thead&gt;
     &lt;tr id="trHead" style="color :#FFFFFF;background-color: #8EA4BB" &gt; 
         &lt;th&gt;&lt;/th&gt;
         &lt;th width="2%"&gt;&lt;input id="chkbHead" type='checkbox'  /&gt;&lt;/th&gt;
         &lt;th width="10%" align="center" spry:sort="name"&gt;&lt;b&gt;Name&lt;/b&gt;&lt;/th&gt; 
         &lt;th width="22%" align="center" spry:sort="host"&gt;&lt;b&gt;Host&lt;/b&gt;&lt;/th&gt; 

     &lt;/tr&gt;
     &lt;/thead&gt;

     &lt;tbody spry:repeat="pv1"&gt;   
     &lt;tr class="trOdd"   
     spry:if="({ds_RowNumber} % 2) != 0" onclick="ds1.setCurrentRow('{ds_RowID}');"
        style="color :#2F5882;background-color: #FFFFFF"&gt; 
         &lt;td&gt;&lt;input type="hidden" id="path" value="{path}"&gt;&lt;/input&gt;&lt;/td&gt;
         &lt;td&gt;&lt;input type="checkbox" id="chkbTest" class = "chkbCsm" &gt;&lt;/input&gt;&lt;/td&gt;
         &lt;td width="10%" align="center"&gt;&amp;nbsp;&amp;nbsp;&lt;input type="hidden" id="nameText" readonly="true" value="{name}"&gt;&lt;a href="#" class="aDg"&gt;{name}&lt;/a&gt;&lt;/input&gt;&lt;/td&gt; 
         &lt;td width="22%" align="center"&gt;&amp;nbsp;&amp;nbsp;&lt;input type="hidden" id="nameText" readonly="true" value="{host}"&gt;{host}&lt;/input&gt;&lt;/td&gt; 

     &lt;/tr&gt; 

     &lt;tr class="trEven" name="trEven" id="trEven"
     spry:if="({ds_RowNumber} % 2) == 0" onclick="ds1.setCurrentRow('{ds_RowID}');"
        style="color :#2F5882;background-color: #EDF1F5;"&gt; 
         &lt;td&gt;&lt;input type="hidden" id="path" value="{path}"&gt;&lt;/input&gt;&lt;/td&gt;
         &lt;td&gt;&lt;input type="checkbox" class = "chkbCsm" &gt;&lt;/input&gt;&lt;/td&gt;
         &lt;td width="10%" align="center"&gt;&amp;nbsp;&amp;nbsp;&lt;input type="hidden" id="nameText" readonly="true" value="{name}"&gt;&lt;a href="#" class="aDg"&gt;{name}&lt;/a&gt;&lt;/input&gt;&lt;/td&gt; 
         &lt;td width="22%" align="center"&gt;&amp;nbsp;&amp;nbsp;&lt;input type="hidden" id="nameText" readonly="true" value="{host}"&gt;{host}&lt;/input&gt;&lt;/td&gt; 

     &lt;/tr&gt;
     &lt;/tbody&gt;
     &lt;/table&gt;
</code></pre>

<p>on button click I am calling a function and inside that function I am doing something like below</p>

<pre><code>$('#tableDg input:checkbox').removeAttr('checked');
</code></pre>

<p>but no luck. Help please!! I want to uncheck all the checkboxes on button click</p>
