title: Clear check mark and dropdowns when opposite radio button is chosen
body: <p>How do I clear the checkmark in my checkbox when clicking on the opposite radio button? For some reason I cannot get it to clear will someone please tell me what I am doing wrong? I also would like to know how to reset the dropdowns if there chosen as well I cannot get a good grasp on this syntax I guess :/ <code>$("#div12 &gt; .clearfix input:select").val("");</code> Where am I going wrong?</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>function showhideCOREForm(transferring_vehicle_license) {
       if (transferring_vehicle_license == "Current") {
           document.getElementById("div11").style.display = 'block';
           document.getElementById("div12").style.display = 'none';
     $("#div12 &gt; #secondYearCB").prop("checked", false);
           FC.wantsASecondYear = false;
       } else if (transferring_vehicle_license == "Expired") {
           document.getElementById("div12").style.display = 'block';
           document.getElementById("div11").style.display = 'none';
     $("#div6 &gt; .clearfix input:text").val("");
    }
   }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;input type="radio" value="Current" name="transferring_vehicle_license" id="transferring_vehicle_license" required="yes" onclick="calculateTotal()" onchange="showhideCOREForm(this.value);"/&gt;&lt;label for="transferring_vehicle_license"&gt;Current Registration&lt;/label&gt;
    &lt;input type="radio" value="Expired" name="transferring_vehicle_license" id="notransferring_vehicle_license" onclick="calculateTotal()" onchange="showhideCOREForm(this.value);"/&gt;&lt;label for="notransferring_vehicle_license"&gt;Expired Registration&lt;/label&gt;
  
  &lt;div id="div12" style="display:none"&gt;
  
   &lt;div class="clearfix"&gt;
    &lt;label for='CMonths' class="labelDoubleIndent"&gt;Calculate Months:&lt;/label&gt;
    &lt;select name="month1" id="month1" size="1"&gt;
        &lt;option value=""&gt;Choose a Month&lt;/option&gt;
        &lt;option value="0"&gt;January&lt;/option&gt;
        &lt;option value="1"&gt;February&lt;/option&gt;
        &lt;option value="2"&gt;March&lt;/option&gt;
        &lt;option value="3"&gt;April&lt;/option&gt;
        &lt;option value="4"&gt;May&lt;/option&gt;
        &lt;option value="5"&gt;June&lt;/option&gt;
        &lt;option value="6"&gt;July&lt;/option&gt;
        &lt;option value="7"&gt;August&lt;/option&gt;
        &lt;option value="8"&gt;September&lt;/option&gt;
        &lt;option value="9"&gt;October&lt;/option&gt;
        &lt;option value="10"&gt;November&lt;/option&gt;
        &lt;option value="11"&gt;December&lt;/option&gt;
    &lt;/select&gt;
    &lt;select name="month2" id="month2" size="1"&gt;
        &lt;option value=""&gt;Choose an Option&lt;/option&gt;
        &lt;option value="2"&gt;2&lt;/option&gt;
        &lt;option value="14"&gt;14&lt;/option&gt;
    &lt;/select&gt;
    &lt;select name="month3" id="month3" size="1"&gt;
        &lt;option value=""&gt;Choose an Option&lt;/option&gt;
        &lt;option value="3"&gt;3&lt;/option&gt;
        &lt;option value="15"&gt;15&lt;/option&gt;
    &lt;/select&gt;
  
    &lt;div id="secondYear" class="labelDoubleIndent"&gt;
           &lt;b&gt;Do you want to add a second year?&lt;/b&gt;
           Yes: &lt;input type="checkbox" name="secondYear" id="secondYearCB" /&gt;
       &lt;/div&gt;&lt;!-- secondYear --&gt;
   &lt;/div&gt;
  &lt;/div&gt;
  
  &lt;div id="div11" style="display:none"&gt;
  
  &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>