title: WooCommerce state custom checkout field not working
body: <p>I have used following code to add custom state field to WooCommerce checkout field</p>
  
  <pre><code>add_action( 'woocommerce_after_order_notes', 'some_custom_checkout_field' );
  
  function some_custom_checkout_field( $checkout ){
    echo '&lt;div id="some_custom_checkout_field"&gt;&lt;h2&gt;' . __('Heading') . '&lt;/h2&gt;';
      woocommerce_form_field( 'some_field_name', array(
  
         'type'         =&gt; 'state',
         'class'         =&gt; array('my-field-class form-row-wide'),
         'label'         =&gt; __('Additional Field'),
         'required'     =&gt; true,
       ), $checkout-&gt;get_value( 'some_field_name' ));
  
    echo '&lt;/div&gt;';
  }
  </code></pre>
  
  <p><strong>My Problem:</strong><br>
  When I visit to checkout page for the first time it always create a TEXT BOX instead a State Drop Down, if I refresh the page it works just fine.</p>