railsで効果音を出したい

前提・実現したいこと

Uncaught TypeError: Cannot read property 'fn' of undefined
を解決したい。

rails を使い効果音を追加したいと考えています。音源のファイルはmp3でアプリ内のディレクトリから参照する方法を探しています。記事を参考に、まずは簡単なものを真似しましたがエラーが出て、自力で解決ができませんでした。

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

js
1Uncaught TypeError: Cannot read property 'fn' of undefined
2    at sound.js:4
3    at Object.<anonymous> (sound.js:13)
4    at Object../app/javascript/sound.js (sound.js:18)
5    at __webpack_require__ (bootstrap:19)
6    at Object../app/javascript/packs/application.js (application.js:12)
7    at __webpack_require__ (bootstrap:19)
8    at bootstrap:83
9    at bootstrap:83
10(anonymous) @ sound.js:4
11(anonymous) @ sound.js:13
12./app/javascript/sound.js @ sound.js:18
13__webpack_require__ @ bootstrap:19
14./app/javascript/packs/application.js @ application.js:12
15__webpack_require__ @ bootstrap:19
16(anonymous) @ bootstrap:83
17(anonymous) @ bootstrap:83
18

該当のソースコード

js
1  (function (window, $) {
2    'use strict';
3    
4    $.fn.useSound = function (_event, _id) {
5      var se = $(_id);
6      this.on(_event, function(){
7        se[0].currentTime = 0;
8        se[0].play();
9      });
10      return this;
11    };
12    
13  })(this, this.jQuery);
14  
15  $('.btn a').useSound('mousedown touchstart', '#sound');

html
1<p class="btn"><a onClick="sound()">クリック</a></p>
2 
3<audio id="sound" preload="auto">
4    <source src="http://idotdesign.net/wp-content/themes/idotdesign/sound/sound.mp3" type="audio/mp3">
5    <source src="http://idotdesign.net/wp-content/themes/idotdesign/sound/sound.wav" type="audio/wav">
6</audio>