title: jQuery trigger reset button click
body: <p>I need to reset radio buttons and checkboxes within a form via code when needed.</p>
  
  <p>I am using an indirect approach, where I have placed a reset button and hidden it using CSS.</p>
  
  <pre><code>&lt;form class="form-horizontal form form-existing" role="form" id="form-existing" action=""&gt;
    &lt;input type="reset" name="reset-form-new" id="resetFormNew" value="" /&gt;
  &lt;div class="radio"&gt;
    &lt;label&gt;
      &lt;input type="radio" name="new-turnover" id="new-turnover" value="€1 000 - €5 000"/&gt; €1 000 - €5 000
    &lt;/label&gt;
  &lt;/div&gt;
  &lt;div class="radio"&gt;
    &lt;label&gt;
      &lt;input type="radio" name="new-turnover" id="new-turnover" value="€50 000 - €20 0000"/&gt; €50 000 - €20 0000
    &lt;/label&gt;
  &lt;/div&gt;
  &lt;div class="checkbox"&gt;  
    &lt;label&gt;  
      &lt;input type="checkbox" name="new-preference" value="Mobile Phones"&gt; Mobile phones  
    &lt;/label&gt;
  &lt;/div&gt;  
  &lt;div class="checkbox"&gt;  
    &lt;label&gt;  
      &lt;input type="checkbox" name="new-preference" value="Accessories"&gt; Accessories  
    &lt;/label&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Then I try to click it like <code>$("#resetFormNew").trigger("click");</code> </p>
  
  <p>This resets all the text boxes but not the radio buttons and check boxes.</p>
  
  <p>Where am I going wrong?</p>