Как сделать выборку select, чтобы взять value из selected и поместить его в class нужного div? И все это через postMessage Customize js?

Добрый день.
Нужно, чтобы при смене выбора в катомайзере ставился класс в #top-bar-wrap равный значению value выбранного элемента, а тот, что был по умолчанию удалялся и так при каждом переключении.
У меня получалось сделать, чтобы добавлялись классы при смене, но они не удалялись, а добавлялись один к другому.

$wp_customize->add_setting( 'sky_topbar_visibility', array(
  'transport'  => 'postMessage',
  'default'  => 'all-devices',
) );
$wp_customize->add_control( new WP_Customize_Control( $wp_customize, 'sky_topbar_visibility', array(
  'label'   => esc_html__('Visibility', 'sky'),
  'type'   => 'select',
  'section'  => 'sky_topbar_general',
  'setting'  => 'sky_topbar_visibility',
  'priority'  => 10,
  'choices'  => array(
   'all-devices'   => esc_html__('Show On All Devices', 'sky'),
   'hide-tablet'   => esc_html__('Hide On Tablet', 'sky'),
   'hide-mobile'   => esc_html__('Hide On Mobile', 'sky'),
   'hide-tablet-mobile' => esc_html__('Hide On Tablet and Mobile', 'sky'),
  ),
) ) );

wp.customize( 'sky_topbar_visibility', function( value ) {
  value.bind( function( newval ) {
   var topBar = $( '#top-bar-wrap' );
   $( 'option' ).each( function( index, element ) {
    if ( index != newval ) {
         topBar.removeClass( не знаю, что тут указать, чтобы удалясь классы без selected );
    } else {
         topBar.addClass( newval );
    }
   });
  });
});