jquery - jQuery を使用して要素にクラスを追加できません。誰か助けてください。

Question

何らかの理由で、jQuery を使用して「li」タグにクラスを追加できないようです。以前にこれを行ったことがありますが、1 時間以上これに固執しており、何が間違っているのかわかりません。 !?

誰でもこれで間違いを見ることができますか？どんな助けでも大歓迎です、ありがとう！:)

<nav>
    <ul id="tabs">
        <li><a href="#">Home</a></li>
        <li><a href="#">About</a></li>
    </ul>
</nav>

<script type="text/javascript" src="js/jquery-1.8.3.min.js"></script>
    <script type="text/javascript">
    $(document).ready(function(){
        $('#tabs li:first').addClass('active');
        });
    });
    </script>