[INDUK]

В общем есть бронирование и нужно отслеживать кнопку "book now" (Чтоб появилась нужно дату выбрать)
https://pinpoint.world/wordpress/exa...ault-calendar/

Я сделал так в низу страницы

<!-- Yandex.Metrika counter -->
<script type="text/javascript">
    (function (d, w, c) {
        (w[c] = w[c] || []).push(function() {
            try {
                w.yaCounterххххх = new Ya.Metrika({
                    id:ххххх,
                    clickmap:true,
                    trackLinks:true,
                    accurateTrackBounce:true,
                    webvisor:true
                });
            } catch(e) { }
        });

        var n = d.getElementsByTagName("script")[0],
            s = d.createElement("script"),
            f = function () { n.parentNode.insertBefore(s, n); };
        s.type = "text/javascript";
        s.async = true;
        s.src = "https://mc.yandex.ru/metrika/watch.js";

        if (w.opera == "[object Opera]") {
            d.addEventListener("DOMContentLoaded", f, false);
        } else { f(); }
    })(document, window, "yandex_metrika_callbacks");


</script>
<noscript>
<div><img src="https://mc.yandex.ru/watch/ххххх" style="position:absolute; left:-9999px;" alt="" /></div>
</noscript>
<!-- /Yandex.Metrika counter -->
<script>
$(document).ready(function(){
$('#id_book_now').click(function(){
yaCounterххххх.reachGoal('celi_metrika'); return true;
});
});
</script>

Консоль пишет ошибку
Uncaught TypeError: $ is not a function
at (index):430
где выделяется
$(document).ready(function(){