使用laravel时如何将参数传递给jquery函数

我正试图用 rateYo 日志给了我一个:

4主要JS:11未定义

它的设置方式是使用DIV获取值。我正在尝试设置星星的值,并最终将该值传递给路由参数。后端PHP可以工作,只是传递参数的问题。

演示文稿

<h5>Click to rate:</h5>

<form action="{{ route('rate', $book->id) }}" method="POST">
   {!! csrf_field() !!}
    <!-- <input id="rateYo" name="val" value="0" type="text"> -->
      <div id="rateYo" name="val"></div>
    <button type="submit" class="btn btn-primary">submit</button>
</form>

小精灵

$(document).ready(function() {
  'use strict'
  $('#rateYo').rateYo({
    starWidth: "40px"
  });

  $('#rateYo').click(function() {
    var owl = $('#rateYo').val();
    console.log(owl);

    $.ajax({
      type: 'POST',
      url: 'rate/' + owl,
      success: function(data) {
        // $("#msg").html(data.msg);
      }
    });
  });
});

路线

Route::post('rate/{book_id}','BookController@rate')->name('rate');