Почему не раскрывается адаптивное меню бургер?

Помогите пжлст разобраться с адаптивным меню бургер.
На сайте меню не раскрывается, иконка есть, но при клике ничего не происходит. Инспектор выдает ошибку: scripts.js:1 Uncaught ReferenceError: $ is not defined at scripts.js:1.
в html прописал jQuery

<script src="http://code.jquery.com/jquery-latest.min.js"></script>

Залил в песочницу... Здесь оно на удивление раскрывается, НО при загрузке оно сразу показывается открытым и через секунду скрывается. Код html, css, js (jquery) везде одинаковый.

Помогите пжлст разобраться:
1) почему на сайте меню не раскрывается (появляется при разрешении 768px и меньше))
2) почему в песочнице при загрузке показывается раскрытым. (разрешение поставил большое, видно сразу)

Второй день борюсь, не могу понять ошибку. Выручайте :)