Значение cookie в select value

Имеется следующая форма

    <form action="" method="post">
            <select name="city" id="city" class="city" onchange="this.form.submit()">
            <option value="archangelsk">Архангельск</option>
            <option value="msk">Москва</option>
       </select>                        
    </form>

при отправке которой я хочу выставить значение соответствующей куки, делаю это так

 if (isset($_POST['city'])) {
        setcookie('rio_city', $_POST['city'], time()+604800);
    }
//выставим значение, если не установлено
    if (!isset($_COOKIE['rio_city'])) {
        setcookie('rio_city', 'msk', time()+604800);
        $current_city = $_COOKIE['rio_city'];
    }

и выставить это значение, как текущее в тот самый select, вот так:

<script>
    $(".city").val('<?php echo $_COOKIE['rio_city']; ?>');
</script>

Сайт на Wordpress. Форма в header, код про куки - в functions.php, скрипт в footer. Все, вроде бы, работает, но, для того, чтобы значение подставилось в select, после отправки формы(страница при этом перезагружается) нужно перезагружать страницу вручную еще раз. Думаю, проблема в чем-то простом, но додуматься сам не могу. Работает вот здесь.