title: Shipping calculator state field change trigger update in WooCommerce cart
body: <p>In the code below, I am trying to auto update the shipping calculator in WooCommerce cart page cart page when the selected state field is changed, to display shipping cost by state region:</p>
  
  <pre><code>add_action('wp_footer', 'state_update_checkout', 50);
  function state_update_checkout() {
      if ( ! is_cart() ) return;
      ?&gt;
      &lt;script type="text/javascript"&gt;
      $("[name='calc_shipping_state']").on('change', function(e) {
      $("[name='calc_shopping']").trigger("click");
      &lt;/script&gt;
      &lt;?php
  }
  </code></pre>
  
  <p>But it doesn't work. What I am doing wrong?</p>