title: Display on load not just when checked
body: <p>I have the demo setup at <a href="https://jsfiddle.net/pinchetpooche/xgugjojq/5/" rel="nofollow">https://jsfiddle.net/pinchetpooche/xgugjojq/5/</a></p>
  
  <p>I want if the Yes is checked on page load that it shows the result of what is checked.  This works only if I go back and check yes even if it were already checked.</p>
  
  <pre><code>&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;
  &lt;html xmlns="http://www.w3.org/1999/xhtml"&gt;
  &lt;head profile="http://gmpg.org/xfn/11"&gt;
  
      &lt;script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.2/jquery.min.js"&gt;&lt;/script&gt;
  
      &lt;script type="text/javascript"&gt;
      $(document).ready(function(){
  
      if ($('.trigger').is(':checked'))  {
              $('.content').hide();
              $('.' + $(this).data('rel')).show();                            
              }
  
      $('.trigger').click(function() {
              $('.content').hide();
              $('.' + $(this).data('rel')).show();     
      });
  });
  
  &lt;/script&gt;
  
  &lt;style&gt;
  
  .gads {
      border:none;
      background-color:transparent;
      outline:none;
  }
  
  .content {
      display: none;
  }
  
  .none {
      border:none;
      background-color:transparent;
      outline:none;
  }
  
  .ee {
      border:none;
      background-color:transparent;
      outline:none;
  }
  
  .et {
      border:none;
      background-color:transparent;
      outline:none;
  }
  
  .gads-yes { 
      border:none;
      background-color:transparent;
      outline:none;
  }
  
  .gads-no { 
      border:none;
      background-color:transparent;
      outline:none;
  }
  
  .gads-na { 
      border:none;
      background-color:transparent;
      outline:none;
  }
  
  .ee-yes { 
      border:none;
      background-color:transparent;
      outline:none;
  }
  
  .ee-no { 
      border:none;
      background-color:transparent;
      outline:none;
  }
  
  &lt;/style&gt;
  
  &lt;/head&gt;
  
  &lt;BODY&gt;
  
  
  &lt;div id="content"&gt;
  &lt;form id="form1" name="form1" method="post" action="add_incident.asp"&gt;
  
  &lt;table border="0" class="formset" &gt;
  
       &lt;tr&gt;
          &lt;td&gt;&amp;nbsp;&lt;/td&gt;
      &lt;/tr&gt;
  
      &lt;tr&gt;
          &lt;td&gt;&lt;label class="style8"&gt;Event?&lt;/label&gt;&lt;/td&gt;
          &lt;td&gt;     
          &lt;input type="radio" name="age1" value="Yes" class="gads-yes trigger" data-rel="gads-yes" /&gt;&lt;span class="style8"&gt; Yes&lt;/span&gt;
          &lt;input type="radio" name="age1" value="No" class="gads-no trigger" data-rel="gads-no" /&gt;&lt;span class="style8"&gt; No&lt;/span&gt;
          &lt;input type="radio" name="age1" value="NA" class="gads-na trigger" data-rel="gads-na" /&gt;&lt;span class="style8"&gt; NA&lt;/span&gt;
          &lt;/td&gt;
      &lt;/tr&gt;
  
  &lt;/table&gt;
  
  &lt;div&gt;
      &lt;div class="gads-yes content"&gt; 
  
  &lt;table border="0" class="formset"&gt;
  
      &lt;tr&gt;
          &lt;td class="style9"&gt;MENU&lt;/td&gt;
      &lt;/tr&gt;
  
  
      &lt;tr&gt;
          &lt;td&gt;&lt;label for="description" class="style8"&gt;Description&lt;/label&gt;&lt;/td&gt;
          &lt;td colspan="2" class="textarea"&gt;&lt;textarea class="textbox2" id="description" name="description" rows="3"&gt;&lt;/textarea&gt;&lt;/td&gt;
      &lt;/tr&gt;
  
      &lt;tr&gt;
          &lt;td colspan="3" align="right"&gt;&lt;input type="submit" name="submit3" value="Submit" class="form_button_clear" /&gt;&lt;/td&gt;
      &lt;/tr&gt;
  &lt;/table&gt;
  
  &lt;/div&gt;
  &lt;div class="gads-no content"&gt;
  
  &lt;table border="0" class="formset" &gt;
  
      &lt;tr&gt;
          &lt;td colspan="4" class="style9"&gt;MENU 2&lt;/td&gt;
      &lt;/tr&gt;
  
      &lt;tr&gt;
          &lt;td&gt;&lt;label for="description1" class="style8"&gt;Description Two&lt;/label&gt;&lt;/td&gt;
          &lt;td colspan="3"&gt;&lt;textarea id="description1" name="description1" rows="3" class="textbox2"&gt;&lt;/textarea&gt;&lt;/td&gt;
      &lt;/tr&gt;
  
  
      &lt;tr&gt;
          &lt;td colspan="4" align="right"&gt;&lt;input type="submit" name="submit2" value="Submit" class="form_button_clear" /&gt;&lt;/td&gt;
      &lt;/tr&gt;
  &lt;/table&gt;
  &lt;/div&gt;
  &lt;/div&gt;
  
  &lt;/form&gt;
  
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>