I have never worked with browser caching before and am unable to find a good tutoiral on google. Below I am using the jQuery plugin Lightbox_me http://buckwilson.me/lightboxme/ to display a pop up window when the page loads. Can anyone direct me to a tutorial to only display something on the users first visit or is it simple enough to show me a demonstration? Can this be done using java-script?

 <script>

    jQuery(function() {

        function launch() {

             jQuery('#sign_up').lightbox_me({centered: true, onLoad: function() { jQuery('#sign_up').find('input:first').focus()}});

        } 



        jQuery(document).ready(function() {

            jQuery(#sign_up).lightbox_me({centered: true, preventScroll: true, onLoad: function() {

                jQuery(#sign_up).find(input:first).focus();

            }});                

            e.preventDefault();

        });

    });

</script>





<div id=sign_up style=display:none;>

   pop up box! 

</div>

My problem is I only want this pop up to display the first time the user visits the page, then cache that so it wont display again when user returns to site.