Не срабатывает нажатие радио кнопок

jQuery('form.checkout').on('change', 'input[name^=\'shipping_method\']', function() { 
  var val = jQuery(this).val(); 
  if (val.match('^local_pickup')) { 
    jQuery('.address-field').fadeOut(); 
  } else { 
    jQuery('.address-field').fadeIn(); 
  } 
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> 
 
<form class="checkout"> 
  <input type="radio" name="shipping_method" value="local_pickup:6"/> 
  <input type="radio" name="shipping_method" value="free_shipping:6"/> 
  <div class="address-field">Address Field</div> 
</form>