не в состоянии вызвать jquery функцию в приложении рельсов

Question

Я добавил jquery драгоценный камень в проект. Я до сих пор не могу позвонить слушателю событий. Есть что-то, что я пропускаю Вот моя форма и код прослушивателя событий ---

form. html .erb

<%= form_with(model: project, local: true) do |form| %>

<div class="row select-date-wrapper">
  <div class="field columns large-6">
    <%= form.label :project_name,:class=>"required" %>
    <%= form.text_field :project_name %>
  </div>
</div>
<div class="row">
  <div class="actions columns button-right">
    <br>
    <%= form.submit :class => "button primary", :id=>"demo" %>
  </div>
</div>
<% end %>

application. js

$(document).ready(function() {
    // here alert function call is ok
    $("#demo").click(function(e) {
          // here alert function is not called
          e.preventDefault();
          alert("Hassan");
    });
});