rails 星評価機能

前提

質問の内容
ruby on rails で動物園のレビューサイトを作成しています。
動物園に対して星評価機能をつくっているのですが、画像をタッチしても星が反映されず、常に星がゼロ個になってしまいます。
ちなみに、編集ページでは星は反映します。

実現したいこと

ここに実現したいことを箇条書きで書いてください。

星評価機能の実装

発生している問題・エラーメッセージ

エラーはでませんが、星ゼロ個で投稿できないようにしているので、投稿ボタンが押せません。

該当のソースコード

ruby on rails


<div class="container">
  <div class="row">
    <div class="col-md-1"></div>
    <div class="col-md-10">
      <h2 class="mt-5 headline">動物園登録</h2>

      <table class="table background">
        <thead>
          <tr class="">
            <th style="width:40%"></th>
            <th style="width:60%"></th>
          </tr>
        </thead>
        <%= form_with model: @zoo, url: zoos_path(@zoo), method: :post do |f| %>
        <tbody>
          <tr>
            <td><%= f.label :画像 %></td>
            <td><%= f.file_field :image, accept: "image/*" %></td>
          </tr>
          <tr>
            <td><%= f.label :動物園名 %></td>
            <td><%= f.text_field :name %></td>
          </tr>
          <tr>
            <td><%= f.label :推しの動物 %></td>
            <td><%= f.text_field :favorite %></td>
          </tr>
          <tr>
            <td>
              <%= f.label "いる動物(,で区切ると複数の動物が追加できます)" %>
            </td>
            <td>
              <%= f.collection_check_boxes :animal_ids, Animal.where(user_id: current_user.id), :id, :name %>
              <%= f.text_field :animals, value: @animal_list %>
            </td>
          </tr>
          <tr>
            <td><%= f.label :場所 %></td>
            <td><%= f.text_field :address %></td>
          </tr>
          <tr>
            <td>
              <%= f.label :五段階評価 %>
            </td>
            <td>
              <div class="field" id="star">
              <%= f.hidden_field :rate, id: :review_star %>
            </td>
          </tr>
        </tbody>
      </table>
      <button type="submit" class="btn btn-outline-warning mb-5">新規登録</button>
      <% end %>
    </div>
    <div class="col-md-1"></div>
  </div>
</div>

<script>
  $('#star').raty({
    starOn: "<%= asset_path('lion.emozi.png') %>",
    starOff: "<%= asset_path('siro.png') %>",
    scoreName: 'zoo[rate]'
  });
</script>