title: Select all checkboxes for each dynamic tables
body: <p>i have more than one table. The table and rows are generated from the database. Each table on the top i got a checkbox, if i click only that particular table checkboxes needs to be checked. Like wise i got more tables and the check all should work independently for each tables. Here i have put the html for 2 tables.</p>
  
  <p>My table structure is below:</p>
  
  <pre><code>&lt;table width="800" border="1" cellpadding="2" cellspacing="0" class="inlineTable" style="border-collapse: collapse" bordercolor="#000000"&gt;
  &lt;tr&gt;&lt;td colspan="5" align="center" width="800"&gt;&lt;strong&gt;Haweye International&amp;nbsp;(USD)&lt;/strong&gt;&lt;/td&gt;&lt;/tr&gt;
  &lt;tr&gt;
                  &lt;th&gt;Sl No&lt;/th&gt;
                  &lt;th width=130&gt;Tender Description&lt;/th&gt;
                  &lt;th&gt;Main&lt;/th&gt;
                  &lt;th&gt;&lt;input type="checkbox" id="selecctall"/&gt;&lt;/th&gt;
                  &lt;th title="Selected to Quotation"&gt;S2Q&lt;/th&gt;
                  &lt;/tr&gt;
          &lt;tr align='center'&gt;&lt;td&gt;1&lt;/td&gt;&lt;td width='140'&gt;Silicon Free Tape &lt;/td&gt;&lt;td&gt;&lt;/td&gt;&lt;td&gt;&lt;div class='list-item'&gt;&lt;input class='checkbox1' type='checkbox' name='member[1]' value='53'&gt;&lt;/div&gt;&lt;/td&gt;&lt;td title='Selected to Quotation' class="dark"&gt;&lt;input type="checkbox" disabled="disabled" name="comparitive[]" value="53"  checked='checked' /&gt;&lt;/td&gt;
  &lt;/tr&gt;&lt;tr align='center'&gt;&lt;td&gt;2&lt;/td&gt;&lt;td width='140'&gt;UV Sensitive Tape&lt;/td&gt;&lt;td&gt;&lt;/td&gt;&lt;td&gt;&lt;div class='list-item'&gt;&lt;input class='checkbox1' type='checkbox' name='member[2]' value='54'&gt;&lt;/div&gt;&lt;/td&gt;&lt;td title='Selected to Quotation' class="dark"&gt;&lt;input type="checkbox" disabled="disabled" name="comparitive[]" value="54"  checked='checked' /&gt;&lt;/td&gt;
  &lt;/tr&gt;&lt;/table&gt;
  
  &lt;table width="800" border="1" cellpadding="2" cellspacing="0" class="inlineTable" style="border-collapse: collapse" bordercolor="#000000"&gt;
  &lt;tr&gt;&lt;td colspan="6" align="center" width="800"&gt;&lt;strong&gt;Trend Zone limited&amp;nbsp;(USD)&lt;/strong&gt;&lt;/td&gt;&lt;/tr&gt;
  &lt;tr&gt;
                  &lt;th&gt;Sl No&lt;/th&gt;
                  &lt;th width=130&gt;Tender Description&lt;/th&gt;
                  &lt;th&gt;Tech %&lt;/th&gt;
                  &lt;th&gt;Main&lt;/th&gt;
                  &lt;th&gt;&lt;input type="checkbox" id="selecctall"/&gt;&lt;/th&gt;
                  &lt;th title="Selected to Quotation"&gt;S2Q&lt;/th&gt;
                  &lt;/tr&gt;
          &lt;tr align='center'&gt;&lt;td&gt;1&lt;/td&gt;&lt;td width='140'&gt;Silicon Free Tape &lt;/td&gt;&lt;td&gt;&lt;/td&gt;&lt;td&gt;&lt;/td&gt;&lt;td&gt;&lt;div class='list-item'&gt;&lt;input class='checkbox1' type='checkbox' name='member[3]' value='63'&gt;&lt;/div&gt;&lt;/td&gt;&lt;td title='Selected to Quotation' class="dark"&gt;&lt;input type="checkbox" disabled="disabled" name="comparitive[]" value="63" /&gt;&lt;/td&gt;
  &lt;/tr&gt;&lt;tr align='center'&gt;&lt;td&gt;2&lt;/td&gt;&lt;td width='140'&gt;UV Sensitive Tape&lt;/td&gt;&lt;td&gt;&lt;/td&gt;&lt;td&gt;&lt;/td&gt;&lt;td&gt;&lt;div class='list-item'&gt;&lt;input class='checkbox1' type='checkbox' name='member[4]' value='64'&gt;&lt;/div&gt;&lt;/td&gt;&lt;td title='Selected to Quotation' class="dark"&gt;&lt;input type="checkbox" disabled="disabled" name="comparitive[]" value="64" /&gt;&lt;/td&gt;
  &lt;/tr&gt;&lt;/table&gt;
  </code></pre>
  
  <p>The jquery is below:</p>
  
  <pre><code>$('.selectAll').click(function(e){
    var tr= $(e.target).closest('tr');
    $('td input:checkbox',tr).prop('checked',this.checked);
  });
  </code></pre>