How to use bwowser cookie with click function in jquery

    <div id="ad">
        <a href=""><img src="http://placehold.it/300x100" alt="Ad" /></a>
    </div>


    <script src="http://code.jquery.com/jquery-1.11.3.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-cookie/1.4.1/jquery.cookie.min.js"></script>
<script>
        jQuery(document).ready(function(){
            if(parseInt(jQuery.cookie('addisplay')) >= 2){
                jQuery("#ad").hide();
            }

            if(jQuery.cookie('addisplay') == null){
                jQuery.cookie('addisplay', '0', { expires: 7, path: '/' });
            }

            var cookieVal = parseInt(jQuery.cookie('addisplay'));
            jQuery("#ad").on("click", function(){
                jQuery.cookie('addisplay', cookieVal + 1, { expires: 7, path: '/' });
            });

        });
    </script>