menu - selectnav.js : ラベルは表示されますが、サイトの最初のページ (ホームページ) で選択されていません

Question

スクリプト：Selectnav Github

selectnav を使用すると、(ラベル) は選択に表示されますが、最初のロード インデックス ページ (ホームページ) では選択されませんが、選択されたリンクは (ラベル) の後の最初のリンクですか?

選択メニューは、次のコードで表示されます。

  <select class="selectnav" id="selectnav1">
  <option value="">- Navigation Menu - </option>
  <option value="index.html" selected="">Home</option>

ラベル リンクではなく、ホーム リンクに (選択された) クラスが表示されます。

selectnavに使用する私のカスタムjs：

jQuery(document).ready(function () {
  selectnav('nav', {
  label: '- Navigation Menu - ',
  nested: true,
  indent: '-'
});
});

私のulリスト構造の例：

 <ul id="nav" >
    <li><a href="index.html" class="active">Home</a>
      <ul>
        <li><a href="#1">Home 2</a></li>
        <li><a href="#2">Home 3</a></li>
        <li><a href="#3">Home 4</a></li>
        <li><a href="#4">Slider 1</a></li>
        <li><a href="#5">Slider 2</a></li>
        <li><a href="#6">Slider 3</a></li>
      </ul>
    </li>
    <li><a href="#7">Pages</a></li>
    <li><a href="#8">Features</a></li>
    <li><a href="#9">Portfolio</a> </li>
    <li><a href="blog.html">Blog</a> </li>
    <li><a href="contact.html">Contact</a></li>
  </ul>