title: JQuery Change and Load functions
body: <p>The below query works great when it comes to checking radio buttons and having the "result value" display.</p>
  
  <p>How do I have the "result value" display on page load since the radio buttons already have checked inputs?</p>
  
  <pre><code>jQuery(document).ready(function ($) {
      $('input[name*="fed"], input[name*="stake"]').change(function () {
          var $this = $(this),
          $wrap = $this.closest('.js-weight-calc-wrap'),
          fedVal = $wrap.find('input[name*="fed"]:checked').val(),
          stakeVal = $wrap.find('input[name*="stake"]:checked').val(),
          result = fedVal === 'Very High' ? '3'
               : fedVal === 'High' &amp;&amp; stakeVal === 'Very High' ? '3'
               : fedVal === 'Low to Moderate' &amp;&amp; stakeVal !== 'Very High' ? '1'
               : '2';
          $wrap.find('.js-result').text(result)
      });
  });
  </code></pre>