title: Use Query to Dynamically add/remove input fields depending on radio button
body: <p>I downloaded a form from CodeCanyon and I can edit the form pretty well as is I think, but there is a change I need to make that is beyond my capabilities and any help or direction would be greatly appreciated. </p>
  
  <p>I need to set the form up so that when a user selects yes from a radio button a validated input pops up, then when no is selected the input is removed. </p>
  
  <p>Then on validation all radio button questions must have either selected. </p>
  
  <p>So the form would look something like: </p>
  
  <hr>
  
  <p>Label -> Question 1</p>
  
  <p>Radio -> Yes // {No}</p>
  
  <hr>
  
  <p>Label -> Question 2 </p>
  
  <p>Radio -> {Yes} // No</p>
  
  <p>Input -> 3400</p>
  
  <hr>
  
  <p>Label -> Question 3 </p>
  
  <p>Radio -> {Yes} // No</p>
  
  <p>Input -> 550</p>
  
  <hr>
  
  <hr>
  
  <p>Then the form's email would send the following: </p>
  
  <p>Question 1: No</p>
  
  <p>Question 2: 3400</p>
  
  <p>Question 3: 550</p>
  
  <pre><code>&lt;form method="post" class="DA_custom_form" id="registration-form" action="email.php"&gt;
      &lt;h3&gt;Dynamic Radio Section&lt;/h3&gt;
  
      &lt;div class="DA_inner_frame"&gt;
  
          &lt;div class="DA_holder"&gt;
              &lt;label&gt;Radio Question 1&lt;/label&gt;
  
              &lt;div class="DA_holder DA_radio_holder"&gt;
              &lt;div class="cl"&gt;&amp;nbsp;&lt;/div&gt;
                  &lt;input type="radio" class="radio-btn" name="question1" id="question1" value="yes" /&gt;&lt;label class="fl"&gt;Yes&lt;/label&gt;
                  &lt;div class="cl"&gt;&amp;nbsp;&lt;/div&gt;
                  &lt;input type="radio" class="radio-btn" name="question1" id="question1" value="no"  /&gt;&lt;label class="fl"&gt;No&lt;/label&gt;
                  &lt;div class="cl"&gt;&amp;nbsp;&lt;/div&gt;
              &lt;/div&gt;
              &lt;div class="cl"&gt;&amp;nbsp;&lt;/div&gt;
  
          &lt;/div&gt;
  
          &lt;!--Show on Yes --&gt;&lt;div class="DA_holder"&gt;
              &lt;label&gt;Text field for question 1: Yes&lt;/label&gt;
              &lt;div class="DA_field_container" &gt;
                  &lt;div class="cl" &gt;&amp;nbsp;&lt;/div&gt;
                  &lt;input type="text" class="field" id="question1" name="question1" placeholder='Range Validation 2000-4000'/&gt;
                  &lt;span&gt;&lt;i class="icon-remove"&gt;&lt;/i&gt;&lt;/span&gt;
                  &lt;div class="cl"&gt;&amp;nbsp;&lt;/div&gt;
              &lt;/div&gt;  
          &lt;/div&gt;
  
          &lt;div class="DA_holder"&gt;
              &lt;label&gt;Radio Question 2&lt;/label&gt;
  
              &lt;div class="DA_holder DA_radio_holder"&gt;
              &lt;div class="cl"&gt;&amp;nbsp;&lt;/div&gt;
                  &lt;input type="radio" class="radio-btn" name="question2" id="question2" value="yes" /&gt;&lt;label class="fl"&gt;Yes&lt;/label&gt;
                  &lt;div class="cl"&gt;&amp;nbsp;&lt;/div&gt;
                  &lt;input type="radio" class="radio-btn" name="questio2" id="question2" value="no"  /&gt;&lt;label class="fl"&gt;No&lt;/label&gt;
                  &lt;div class="cl"&gt;&amp;nbsp;&lt;/div&gt;
              &lt;/div&gt;
              &lt;div class="cl"&gt;&amp;nbsp;&lt;/div&gt;
  
          &lt;/div&gt;
  
          &lt;!--Show on Yes --&gt;&lt;div class="DA_holder"&gt;
              &lt;label&gt;Text field for question 2: Yes&lt;/label&gt;
              &lt;div class="DA_field_container" &gt;
                  &lt;div class="cl" &gt;&amp;nbsp;&lt;/div&gt;
                  &lt;input type="text" class="field" id="question2" name="question2" placeholder='Range Validation 500-1000'/&gt;
                  &lt;span&gt;&lt;i class="icon-remove"&gt;&lt;/i&gt;&lt;/span&gt;
                  &lt;div class="cl"&gt;&amp;nbsp;&lt;/div&gt;
              &lt;/div&gt;  
          &lt;/div&gt;
  
          &lt;div class="DA_holder"&gt;
              &lt;label&gt;Radio Question 3&lt;/label&gt;
  
              &lt;div class="DA_holder DA_radio_holder"&gt;
              &lt;div class="cl"&gt;&amp;nbsp;&lt;/div&gt;
                  &lt;input type="radio" class="radio-btn" name="question3" id="question3" value="yes" /&gt;&lt;label class="fl"&gt;Yes&lt;/label&gt;
                  &lt;div class="cl"&gt;&amp;nbsp;&lt;/div&gt;
                  &lt;input type="radio" class="radio-btn" name="questio3" id="question3" value="no"  /&gt;&lt;label class="fl"&gt;No&lt;/label&gt;
                  &lt;div class="cl"&gt;&amp;nbsp;&lt;/div&gt;
              &lt;/div&gt;
              &lt;div class="cl"&gt;&amp;nbsp;&lt;/div&gt;
  
          &lt;/div&gt;
  
          &lt;!--Show on Yes --&gt;&lt;div class="DA_holder"&gt;
              &lt;label&gt;Text field for question 3: Yes&lt;/label&gt;
              &lt;div class="DA_field_container" &gt;
                  &lt;div class="cl" &gt;&amp;nbsp;&lt;/div&gt;
                  &lt;input type="text" class="field" id="question3" name="question3" placeholder='Range Validation 500-1000'/&gt;
                  &lt;span&gt;&lt;i class="icon-remove"&gt;&lt;/i&gt;&lt;/span&gt;
                  &lt;div class="cl"&gt;&amp;nbsp;&lt;/div&gt;
              &lt;/div&gt;  
          &lt;/div&gt;
  
  &lt;/form&gt;
  </code></pre>