Нужно применить свойство cookie к сценарию флажка jQuery

Question

Прежде всего, мой скрипт позволяет мне менять местами div с помощью флажка.

JS Fiddle Пример: http://jsfiddle.net/yHTFF/8/

Мне нужна помощь с настройкой файлов cookie для этого сценария. Я хотел бы установить это так, чтобы div и флажок, при котором пользователь оставлял его, оставался неизменным при перезагрузке страницы.

Вот мой сценарий:

<!--HTML-->
<div id="ontopic_posts">
    Content 1
</div>
<div id="offtopic_posts" style="display: none;">
    Content 2
</div>

<input id="cbox_posts" type="checkbox"> show off-topics

<!--JQUERY-->
<script>
jQuery("#cbox_posts").click(function() {
  if ( jQuery(this).is(':checked') )
  {
    jQuery("#offtopic_posts").show();
    jQuery("#ontopic_posts").hide();
  }
  else
  {
    jQuery("#offtopic_posts").hide();
    jQuery("#ontopic_posts").show();
  }  
});
</script>

Спасибо!

Answer 1

Вы прикрепляете обработчик события до того, как элемент существует.

Переместите тег script после ввода или оберните скрипт с помощью $(document).ready.