title: asp.net mvc jquery razor check and uncheck checkbox in a group
body: <p>i am trying to check and unchecked the check boxes here in a group . i want to click the corresponding parent(id=50 , id=51) then all its child check boxes should be clicked. i am trying closest and find jquery functions with some alteration but couldn't make it work. how can i achieve check and uncheck in the following scenario</p>
  
  <pre><code>&lt;tr id="50"&gt;
  &lt;td colspan="2"&gt;
  &lt;b&gt;&lt;input type="checkbox" value="true" name="MediaPlanBoxes[0].isRoGenerated" id="MediaPlanBoxes_0__isRoGenerated" class="parent"&gt;
  &lt;input type="hidden" value="false" name="MediaPlanBoxes[0].isRoGenerated"&gt; paper1&lt;/b&gt;&lt;/td&gt;
  &lt;/tr&gt;  
  
  &lt;tr id="173"&gt;
   &lt;td colspan="2"&gt;
  &lt;b&gt;&lt;input type="checkbox" value="true" name="MediaPlanBoxes[0].isRoGenerated" id="MediaPlanBoxes_0__isRoGenerated" class="child"&gt;
  &lt;input type="hidden" value="false" name="MediaPlanBoxes[0].isRoGenerated"&gt; sub1&lt;/b&gt;&lt;/td&gt;
  &lt;/tr&gt; 
  
   &lt;tr id="174"&gt;
   &lt;td colspan="2"&gt;
  &lt;b&gt;&lt;input type="checkbox" value="true" name="MediaPlanBoxes[0].isRoGenerated" id="MediaPlanBoxes_0__isRoGenerated" class="child"&gt;
  &lt;input type="hidden" value="false" name="MediaPlanBoxes[0].isRoGenerated"&gt; sub2&lt;/b&gt;&lt;/td&gt;
   &lt;/tr&gt;
  </code></pre>
  
  <p>this is group 2</p>
  
  <pre><code> &lt;tr id="51"&gt;
  &lt;td colspan="2"&gt;
  &lt;b&gt;&lt;input type="checkbox" value="true" name="MediaPlanBoxes[0].isRoGenerated" id="MediaPlanBoxes_0__isRoGenerated" class="parent"&gt;
  &lt;input type="hidden" value="false" name="MediaPlanBoxes[0].isRoGenerated"&gt; paper2&lt;/b&gt;&lt;/td&gt;
  &lt;/tr&gt;  
  
  &lt;tr id="175"&gt;
   &lt;td colspan="2"&gt;
  &lt;b&gt;&lt;input type="checkbox" value="true" name="MediaPlanBoxes[0].isRoGenerated" id="MediaPlanBoxes_0__isRoGenerated" class="child"&gt;
  &lt;input type="hidden" value="false" name="MediaPlanBoxes[0].isRoGenerated"&gt; sub1&lt;/b&gt;&lt;/td&gt;
  &lt;/tr&gt; 
  
   &lt;tr id="173"&gt;
   &lt;td colspan="2"&gt;
  &lt;b&gt;&lt;input type="checkbox" value="true" name="MediaPlanBoxes[0].isRoGenerated" id="MediaPlanBoxes_0__isRoGenerated" class="child"&gt;
  &lt;input type="hidden" value="false" name="MediaPlanBoxes[0].isRoGenerated"&gt; sub2&lt;/b&gt;&lt;/td&gt;
   &lt;/tr&gt;
  </code></pre>