Запись в cooke при клике на кнопку
Помогите, пожалуйста решить задачу. Добавляет модальное окно в куки, тем самым показывает один раз, пока куки не удален из хранилища, а php проверяет если есть куки то не показывать модаль, если нет, показать модаль.
Подскажите как сделать так что бы модальное окно открывалось, но куки были сохранены только при нажатии на кнопку value="Согласен(на)" в этом модальном окне.
Модальное окно
<script>$(function(){if(!jQuery.cookie('hideModal')){var delay_popup=1000;setTimeout("document.getElementById('overlay').style.display='block';",delay_popup)}jQuery.cookie('hideModal',true,{expires:7,path:'/'})});</script><div id="overlay">
<div class="popup">
<div class="modal-header">
<h2 class="modal-title">Предупреждение</h2>
</div>
<div class="modal-body">
<p>
Чтобы улучшить работу сайта и предоставить Вам больше возможностей мы используем файлы <a href="/soglashenie" target="_blank">«cookies». Подробнее</a>
</p>
<p>
Условия использования «cookies» см. в <a href="/soglashenie" target="_blank">Пользовательском соглашении</a>.
</p>
<p>Также сайт использует Интернет-сервис для сбора технических данных касательно посетителей с целью получения маркетинговой и статистической информации. Условия обработки данных посетителей сайта см. в <a href="/politika" target="_blank">Политике конфиденциальности</a>.
</p>
<p>В случае Вашего отказа от продолжения работы с сайтом нажмите "Не согласен(на)".
</p>
<p>Для подтверждения Вашего согласия на обработку данных на указанных выше условиях нажмите "Согласен(на)".
</p>
</div>
<div class="modal-footer">
<div class="button-wrapper left">
<a class="btn btn-default" href="/cookies">Не согласен(на)</a>
</div>
<div class="button-wrapper right" onclick="document.getElementById('overlay').style.display='none';">
<input type="button" data-dismiss="modal" class="btn btn-default" value="Согласен(на)">
</div>
</div>
</div>
</div>