title: Making one radio input change when another radio input is checked
body: <p>I want to create a form using some radio inputs. When the input is checked, another radio is also checked automatically using jQuery.</p>
  
  <p>For example:</p>
  
  <p>question1: A(checked), B, C
  question2: D(auto checked), E, F </p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;!DOCTYPE html&gt;
      &lt;html&gt;
      &lt;head&gt;
       &lt;title&gt;&lt;/title&gt;
      &lt;/head&gt;
      &lt;body&gt;
      &lt;tr&gt;
        &lt;td&gt;
       
          &lt;form name="form1" enctype="multipart/form-data"&gt;
           &lt;input type="radio" value="A" name="teamA" /&gt; A&lt;br /&gt;
            &lt;input type="radio" value="B" name="teamA" /&gt; B&lt;br /&gt;
            &lt;input type="radio" value="C" name="teamA" /&gt; C&lt;br /&gt;
      &lt;br /&gt;&lt;br /&gt;
        &lt;/td&gt;
        &lt;td&gt;&lt;/td&gt;
           &lt;input type="radio" value="D" name="teamB" /&gt; D&lt;br /&gt;
           &lt;input type="radio" value="E" name="teamB" /&gt; E&lt;br /&gt;
           &lt;input type="radio" value="F" name="teamB" /&gt; F&lt;br /&gt;
          &lt;/form&gt;
        &lt;/td&gt;
       &lt;/tr&gt;
      
      &lt;/body&gt;
      &lt;/html&gt;</code></pre>
  </div>
  </div>
  </p>