Jquery Toggle not working

On this site, I have the following <script>

<script>
    $(document).ready(function() {
        $('#menu-item-63>a').click(function(){
            $('#newsletter-container').toggle();
        }
    }};
</script>

the following menu:

<ul id="menu-bottom-menu" class="menu"><li id="menu-item-56"><a href="https://staging.venusanddiamonds.com/contact">Contact Us</a></li>
<li id="menu-item-63"><a href="#">Subscribe</a></li>
<li id="menu-item-55"><a href="https://staging.venusanddiamonds.com/faq">FAQ</a></li>
<li id="menu-item-54"><a href="https://staging.venusanddiamonds.com/privacy-terms">Privacy &amp; Terms</a></li>
<li id="menu-item-53"><a href="https://staging.venusanddiamonds.com/news-events">News &amp; Events</a></li>
</ul>

and the following div:

<div id="newsletter-container">
    <div id="newsletter">
        ...etc...
    </div>
</div>

However, when I click on Subscribe in the bottom menu, the toggle does not work - #newsletter-container does not display.

Help appreciated.