Ошибка с кнопкой, не выполняющей функцию в рельсах 6

Question

Я изучаю рельсы, в настоящее время я пытаюсь создать прототип трута, чтобы изучить ключевые концепции рельсов.

Я столкнулся с тупым камнем преткновения, в настоящее время у меня есть страница для "просмотра", у меня настроен js, и на консоли chrome нет ошибок, но когда кнопки для подтверждения и отклонение нажата, нет действия.

Не могу найти причину, может ли кто-нибудь мне помочь?

Я прикрепил файл js и html .erb ниже

$(function(){  
var $activeSlide = $('#slides .slide:first-child');

     // show first slide 
  $activeSlide.addClass("slide showing");

$("#decline").on("click", function(){
    goToSlide('decline');

});


$("#approve").on("click", function(){
    goToSlide('approve');

});


function goToSlide(action){
$activeSlide.removeClass("showing");

 
         // send data to controller
        if(action == "approve"){

        } else {

   }


    $activeSlide.addClass("showing");




    //slides[currentSlide].className = 'slide';
    //currentSlide = (n+slides.length)%slides.length;
    //slides[currentSlide].className = 'slide showing';
 }
});

<ul id="slides">
<% @user.each do |user| %>
<li class="slide" data-id="<%= user.id  %>">
  <%= user.username %>
</li>
  <% end %>

</ul>

<button class="controls" id="decline">No</button>
<button class="controls" id="approved">Yes</button>