perfect-scrollbar - TypeError: $(...).perfectScrollbar は関数ではありません

Question

これを使用して「パーフェクトスクロールバー」を作成しようとしています：

https://noraesae.github.io/perfect-scrollbar/

最も単純なコードを使用すると、次のようになります。

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>

<link rel="stylesheet" href="/css/perfect-scrollbar.css" />
<script src="/js/perfect-scrollbar.js"></script>

<script type="text/javascript">
$(document).ready(function(){
    $("#msgid").html("This is Hello World by JQuery.");
    $('#msgid').perfectScrollbar();
});
</script>

<div id="msgid"></div>

そして、次のエラーがあります：

TypeError: $(...).perfectScrollbar は関数ではありません

もちろん、すべての js/css は正しい方向を指しています。必要に応じて、ここでライブを見ることができます。

http://florida.red111.net/a.html

jQueryがライブラリを認識していないようです。

何か案は？

前もって感謝します。