加载后点击添加活动类（Ajax）nav html

Question

导航加载后，我似乎无法在导航项中添加活动类。触发警报，但不激活活动类。思考？

$(document).ready(function() {
  $(".nav").load("partials/nav.html", function() {
    $('.nav').on('click', 'li', function() {
      $('.nav li').removeClass('active');
      $(this).addClass('active');
    });
  });
});

.active a {
  color: red;
}

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

<nav class="nav">
  <li><a href="#">One</a></li>
  <li><a href="#">Two</a></li>
  <li><a href="#">Three</a></li>
</nav>