Основной JQuery в рельсах не работает

Я использую свой первый jquery, но не знаю, что с ним не так. на W3schools работает хорошо, но как только я реализую его в своем приложении rails, тогда BOOM это пойдет не так. вот мой файл "myquery.js"

$(document).ready(function(){
    $("p").click(function(){
        $(this).hide();
    });
});

my application.html.erb содержит

<%= javascript_include_tag "myquery"%>

my index.html.erb содержит

<p>hide my paragraph</p>

Я не знаю, что пошло не так в этом коде. когда я нажимаю на абзац, это должно исчезнуть, но...