Jquery script with cookies

Jquery script with cookies

I have a script that open up a fancybox form once browser closed/refreshed/back is pressed (onbeforeunload).
Now I'm trying to make the fancybox pop up only once so i installed the cookies plugin and started to play with it but it doesn't seems to work , maybe you can help me here
  2.  <html dir="ltr"> 
  3. <head> 
  4. <script type="text/javascript" src="jquery14.js"></script>
  5. <script type="text/javascript" src="jquery.cookie.js"></script>
  6. <script src="fancybox/jquery.fancybox-1.3.1.pack.js" type="text/javascript"></script>
  7. <link rel="stylesheet" href="fancybox/jquery.fancybox-1.3.1.css" type="text/css" media="screen"/>
  8. <script type="text/javascript">
  9. $.cookie('appeal'); // get cookie
  10. $.cookie('appeal', 'the_value'); // set cookie

  12. function PopIt() 
  13. {
  14. if ($.cookie('appeal') == null) 
  15. {
  16. $.cookie('appeal', 'cookieValue', { expires: 7 });
  17. $("a#trigger").trigger('click');
  18. window.onbeforeunload = UnPopIt;
  19. return "Before you leave:\nPlease take a few seconds to answer 2 questions\nso we can better assist you and others in the future. \nThanks!";
  20. }
  21. else { }
  22. }

  24. function UnPopIt()  { /* nothing to return */ } 
  25.  
  26. $(document).ready(function() {
  27. window.onbeforeunload = PopIt;
  28.  
  29. $("a#trigger").fancybox({
  30. 'hideOnContentClick': false,
  31. 'showCloseButton': true
  32. });
  33.  
  34. $("a[id!=trigger]").click(function(){ window.onbeforeunload = UnPopIt; });
  35. });
  36. </script>
  37. </head> 
  38. <body> 
  39. <p>This page is an exit-pop</p>
  40. <div style="display: none;">
  41. <a id="trigger" href="#popup">&nbsp;</a>
  42. <div id="popup" style="width: 250px; height: 400px;">
  43. My Form is here
  44. </div>
  45. </body> 
  46. </html>