Why is the tooltip not showing on frontend? Woocommerce

This is my code in [login to view URL] but doesnt show on frontend ## no site access provided ## url is [login to view URL] add_action('wp_footer', function () { ?> <script> jQuery(document).ready(function ($) { setInterval(function () { if ($('.wcsatt-options-prompt-action').length > 0) { if ($('.wc-subs-tooltip').length < 1) { $('.wcsatt-options-prompt-action').each(function () { if ($(this).text().toLowerCase().indexOf('subscribe') > -1) { $(this).append('&nbsp;<span class="">(zero risk)</span>') $(this).parent().append('<div class="wc-subs-tooltip"><div class="wc-subs-tooltip-content">Why subscribe? Get 15% off every order, lock in price forever, cancel or suspend at any time & get priority stock.</div></div>'); } }); } } }, 300); $(document).on('mouseover', '.wc-subs-tooltip-toggle', function () { $(this).parent().parent().find('.wc-subs-tooltip').addClass('in'); }).on('mouseout', '.wc-subs-tooltip-toggle', function () { $(this).parent().parent().find('.wc-subs-tooltip').removeClass('in'); }); $(document).on('click', '.wc-subs-tooltip-toggle', function (e) { if ($(window).width() < 640) { [login to view URL](); [login to view URL](); $(this).parent().parent().find('.wc-subs-tooltip').addClass('in'); } }); $(document).on('click', function (e) { $('.wc-subs-tooltip').removeClass('in'); }); [login to view URL]('wc-subs-tooltip added'); }); </script> <?php });