Изменить активную вкладку jquery

Привет, я хочу изменить активную вкладку с помощью jquery это мой код

Итак, какое решение, пожалуйста

<nav class = "navbar navbar-inverse" role = "navigation">
  <div class = "container">

    <div class = "navbar-header">

      <button type = "button" class = "navbar-toggle collapsed" data-toggle = "collapse" data-target = "#top-navbar-1">
                            <span class = "sr-only">Toggle navigation</span>
                            <span class = "icon-bar"></span>
                            <span class = "icon-bar"></span>
                            <span class = "icon-bar"></span>
                        </button>
      <a class = "navbar-brand visible-xs" href = "index.html">Titel</a>
    </div>
    <div class = "collapse navbar-collapse" id = "top-navbar-1">
      <ul id = "collapsablenav" class = "nav navbar-nav navbar-right">
        <li class = "active dropdown hidden-xs">
          <a data-toggle = "dropdown" href = "#" class = "dropdown-toggle"> <b class = "caret"></b></a>
          <ul class = "dropdown-menu">
            <li id = "CDCDC">
              <a data-toggle = "tab" href = "#ABAB"></a>
            </li>
            <li class = "divider"></li>
            <li class = "active" id = "testclocalisation"><a data-toggle = "tab" href = "#hometab">AZ</a></li>
          </ul>
        </li>
        <li class = "active visible-xs"><a data-toggle = "tab" href = "#FFFF">F</a></li>
        <li id = "testFFFFFF"><a data-toggle = "tab" href = "#DDDDD">D</a></li>
        <li id = "testCCCCCC"><a data-toggle = "tab" href = "#CCCCCC">C</a></li>
        <li id = "testBBBBB"><a data-toggle = "tab" href = "#BBBBB">B</a></li>
        <li id = "testAAAAAA"><a data-toggle = "tab" href = "#AAAAA">A</a></li>
      </ul>
    </div>
  </div>

</nav>

Итак, какое решение, пожалуйста