What am i doing wrong? jQuery countdown plugin not loading!


I have enqueued this plugin to my website. here is the code so far.

The file i have enqueued is

wp_enqueue_script( 'countdown-js', get_stylesheet_directory_uri() . '/js/jquery.countdown.js', array( 'jquery' ), true );

Then i have added the HTML (i am using this example. The HTML is:

<div id="clock"></div>

I have added the jQuery in a seperate file and i have enqueued that file also. The jQuery is

$('#clock').countdown('2020/10/10', function(event) {
  var $this = $(this).html(event.strftime(''
    + '<span>%w</span> weeks '
    + '<span>%d</span> days '
    + '<span>%H</span> hr '
    + '<span>%M</span> min '
    + '<span>%S</span> sec'));

but the code is not working for me, the countdown is not appearing and i am getting frustrated. Knowing me its a tiny silly mistake i have made.

My project link is: