En mi aplicación Rails 5, intento mostrar la cantidad de caracteres restantes para la siguiente área de texto en la vista con etiqueta:

 <%= form_for @note, :url => registrant_notes_path(@registrant) do |f| %> <div> <%= f.text_area :body, maxlength: 1000, style: 'width:100%;', id: "review_text" %> <%= f.submit "Save", class: "btn btn-primary" %> </div> <% end %> <script> $(document).ready(function() { var review_text = $("#review_text"); var counter = $("#counter"); var max_length = counter.data("maximum-length"); counter.text(max_length - review_text.val().length); review_text.keyup(function() { counter.text(max_length - $(this).val().length); }); }); </script>

¿Cómo deshacerse de esta etiqueta de script y moverla a algún archivo js? Creé un nuevo archivo en app/assets/javascripts/notes.js con el siguiente código:

 $(document).on('turbolinks:load', function() { var review_text = $("#review_text"); var counter = $("#counter"); var max_length = counter.data("maximum-length"); counter.text(max_length - review_text.val().length); review_text.keyup(function() { counter.text(max_length - $(this).val().length); }); });

pero luego este código JS deja de funcionar, deja de contar hacia atrás. ¿Debo agregar este notes.js en algún lugar o me perdí algo más?