title: Radio Button "Select" Toggle issue
body: <p>I am trying to make a very very simple script that checks to see if a certain radio button option is clicked, and if so, shows another set of fields (this works fine), but if you unselect that radio button option, it hides the extra set of fields (seemingly simple, but does not work for me!) </p>
  
  <p>Also I am newish to JS/JQuery so debugging this has been a struggle! Thanks for any help :)</p>
  
  <p>My HTML radio button that triggers the fields display - imagine there are 6 other radio button options with this (each classed with [class="otherFund"]).</p>
  
  <pre><code>&lt;input type="radio" name="ItemName1" id="Relief1" value="Daughters of Penelope Charitable Relief Fund" onclick="set_item('DOP-Relief-Fund', 8)" onchange="relief_fund_handler()" /&gt;
  </code></pre>
  
  <p>Here is the text and field and I want to toggle with the above button's selection</p>
  
  <pre><code>&lt;p id="Earmark1" style="display: none;"&gt;
     &lt;strong&gt;Please designate below what relief fund you would like your &lt;em&gt;DOP Charitable Relief&lt;/em&gt; donation to go towards (see bulleted examples above).&lt;/strong&gt;&lt;br /&gt;
     &lt;strong&gt;Earmarked for &lt;span class="required"&gt;*&lt;/span&gt;:&lt;/strong&gt;&lt;input type="text" name="Earmark1" id="Earmark1" size="50" /&gt;
  &lt;/p&gt;
  </code></pre>
  
  <p>And here are my JS attempts...</p>
  
  <p><em>Attempt 1:</em></p>
  
  <pre><code>function relief_fund_handler() {
  
     var relief_elem = document.getElementById("Relief1"),
         earmark_elem = document.getElementById("Earmark1"),
         donate_elem = document.getElementById("ItemName1");
  
     if (relief_elem.checked) {
         earmark_elem.setAttribute("style", "display: inline;");    
     } else if (".otherFund".checked) {          
         earmark_elem.setAttribute("style", "display: none;");
     }
  }
  </code></pre>
  
  <p><em>attempt 2:</em></p>
  
  <pre><code>function relief_fund_handler() {
  
     var relief_elem = document.getElementById("Relief1"),
         earmark_elem = document.getElementById("Earmark1"),
         donate_elem = document.getElementById("ItemName1");
  
     if (relief_elem.checked) {  
         earmark_elem.setAttribute("style", "display: inline;");    
     } else {
         earmark_elem.setAttribute("style", "display: none;"); 
     }
  }
  </code></pre>
  
  <p><em>attempt 3:</em></p>
  
  <pre><code>$("#Relief1:checked")( 
      function() { 
         $('#Earmark1').toggle();
      } 
  );
  </code></pre>
  
  <p>On attempt #3, I have also replaced the <code>:checked</code> with <code>.click</code>, <code>.select</code>, <code>.change</code> and none have worked... Thanks for any help! :)</p>