JQueryでオートコンプリート機能をつけたい【Rails】

Question

過去の質問は削除申請して一個にまとめました。重複申し訳ございません。

railsでオートコンプリート機能を付けたいのですが、JQueryが動かず、候補が表示されません。
alertは正常に動いたのでjavascript自体は効いていると思います。
なにかが足りていないのでしょうか。

環境
Rails 5.2.4.1

入れてるgem
gem 'jquery-ui-rails'
gem 'bootstrap-sass'
gem 'jquery-rails'

application.js

・
・
・

//= require rails-ujs
//= require activestorage
//= require turbolinks
//= require_tree .
//= require bootstrap
//= require init_fancy
//= require jquery-ui
//= require autocomplete-rails

 <!--名前オートコンプリート-->
 <%= form_with model: @image, local: true do |form| %>

 <%= form.label :name %>
 <%= form.text_field :name, id: :user_name %>

<%end%>

<script>
 $( function() {
  var names = ['shinagawa','oosaki'];

 $( "#user_name" ).autocomplete({
   autoFocus: true,
   source: names,　//オートコンプリート候補
   minLength: 1
   });
  });
</script>

Answer 1

自己解決しました。
html.erbに記載してあるjsのスクリプトをそれ用のjsファイル作成してやったらいきました。

html.erbの中で<script>でやると何故うまく動かなくなるのでしょうか。