title: Woocommerce radio button check on jquery
body: <p>I have a custom shipping method on WooCommerce that should show a little box with information to user, only when that custom shipping method is chosen. </p>
  
  <p>So far I have tried with this little code:</p>
  
  <pre><code>jQuery(document).ready(function($) {
      $(document).on("change", "#shipping_method_0_my_shipping_method", function() {
          if( $("#shipping_method_0_my_shipping_method").prop('checked') == true ){
              $('.custom-box').show();
          } else {
              $('.custom-box').hide();
          }
      });
  });
  </code></pre>
  
  <p>And it shows the .custom-box just fine when that custom shipping method is chosen. But it does not hide it for some reason, when I choose some other shipping method?</p>
  
  <p>Also it does not show the box if my custom shipping method is chosen on page load, but if I click on some other shipping method, and then my custom shipping method, it will show the box fine.</p>
  
  <p>Working now perfectly. Thanks for the working solution for Томица Кораћ at below!</p>