Javascript-форум - Запомнить в куки выбор города

Доброго времени, уважаемые форумчане!

Подскажите чуть, как мне "запомнить" выбор города в куки браузера.

Есть такая html конструкция

<script src="https://code.jquery.com/jquery-2.2.4.min.js"></script>
<script src="http://api-maps.yandex.ru/2.0-stable/?load=package.standard&lang=ru-RU"></script>


<div class="city">Выбор города: <span>Москва</span></div>


<!-- Выбор города вручную -->
<div class="city_city">
  <span>Москва</span>
  <span>Питер</span>
  <span>Клин</span>
</div>

И JS

//Выбрать город вручную
jQuery('.city_city span').click(function(){
  var city = jQuery(this).text();
  jQuery('.city span').text(city);
});

// Автоопределение города
window.onload =function(){
  jQuery('.city span').text(ymaps.geolocation.city);
  //jQuery("#user-region").text(ymaps.geolocation.region);
  //jQuery("#user-country").text(ymaps.geolocation.country);
}

Все работает отлично, но если я перехожу на другие страницы сайта, то выбранный город вручную не сохраняется, приходится его выбирать заново.

Т.е. я так понимаю что этот выбор нужно как то записать в куки и при этом как то отключить автоопределение города. Но как это сделать и в какую сторону смотреть загуглить не удалось, там все слишком не понятно.