title: Jquery .show does not change display property
body: <p>I am generating script that is supposed to select values after page got reloaded with <kbd>F5</kbd> or browser back button.</p>
  
  <p>JQuery is loaded, and element is on the page, screenshot below shows me running in console <code>$('.isEstateOver325K').show()</code> and element remaining <code>display:none</code>.</p>
  
  <p><a href="https://i.stack.imgur.com/W6b23.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/W6b23.png" alt="enter image description here"></a></p>
  
  <p>I must be missing something obvious here.</p>
  
  <p>script that is supposed to change visibility is fired by another that triggers <code>change</code> and <code>click</code> on element it would be weird if this would be the reason since it works ok for some different elements - still worth mentioning.</p>
  
  <pre><code>(function() {
  
  $(
      "[name='MaritalStatus'][value='Single'],[name='MaritalStatus'][value='Divorced'],[name='MaritalStatus'][value='Co-habiting']"
  ).closest('.quote-form__question').click(function() {
      if ($(
              "[name='MaritalStatus'][value='Single'],[name='MaritalStatus'][value='Divorced'],[name='MaritalStatus'][value='Co-habiting']"
          ).is(':checked')) {
          $(".isEstateOver325K").show();
          $(".isEstateOver325K").addClass('quote-form--active');
      } else {
          $(".isEstateOver325K").hide();
      }
  });
  
  });
  $(function() {
      $("[name='MaritalStatus'][value='Single']").trigger("click");
      $("[name='MaritalStatus'][value='Single']").trigger("change");
  });
  </code></pre>
  
  <p><strong>I am sure someone has experienced something similar, why doesn't it change to <code>display:block</code>?</strong></p>