Я не могу получить данные, используя jquery в semanti c вкладке меню пользовательского интерфейса

Question

У меня ниже HTML код для получения меню semanti c -ui. Я хочу написать код для изменения данных содержимого, используя jquery и ajax запрос. Как я могу это сделать ?. Я не могу использовать jquery. если я использую его, то у меня есть ошибка, такая вкладка не определена. Я использую jquery -2.2.0. js. У меня есть четыре вкладки меню, и у меня есть три сегмента вкладок каждый мудрый.

    <div class="ui four wide stackable grid" id="gridTarget">
      <div class="column">
        <div id="menuTarget">
          <div class="ui violet stackable four item pointing menu top">
            <a class="item" data-tab="lease"><i class="left floated big grey icon key checkered"></i>Lease</a>
            <a class="item" data-tab="loans"><i class="left floated big green icon money bill alternate outline scale"></i>Loans</a>
            <a class="item" data-tab="deposits"><i class="left floated brown big icon briefcase"></i>Deposits</a>
            <a class="item" data-tab="savings"><i class="left floated big icon teal suitcase"></i>Savings</a>
          </div>

          <div class="ui tab" data-tab="lease">
            <div class="row">
              <div class="ui clearing segment">
                <div class="ui two column grid">
                  <div class="six wide column">
                    <div class="ui left floated header">
                      Target
                    </div>
                  </div>
                  <div class="ten wide column">
                    <div class="row">
                      <div class="right floated ui mini statistic">
                        <div class="value counter" id="valueLeaseTarget">100</div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <div class="row">
              <div class="ui clearing segment">
                <div class="ui three column grid">
                  <div class="two wide column">
                    <i class="left floated big green icon ion-trophy"></i>
                  </div>
                  <div class="eight wide column">
                    <div class="row">
                      <div class="right floated small ui blue active progress" data-value="0" data-total="100" id="pgBarLeaseAchieved">
                        <div class="bar">
                          <div class="progress"></div>
                        </div>
                      </div>
                    </div>
                  </div>
                  <div class="six wide column">
                    <div class="row">
                      <div class="right floated ui mini statistic">
                        <div class="value counter" id="valueLeaseAchived">3,952</div>
                        <div class="label">
                          achived
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <div class="row">
              <div class="ui clearing segment">
                <div class="ui three column grid">
                  <div class="two wide column">
                    <i class="left floated big blue icon tasks"></i>
                  </div>
                  <div class="eight wide column">
                    <div class="row">
                      <div class="right floated small ui red active progress" data-value="0" data-total="100" id="pgBarLeaseOngoing">
                        <div class="bar">
                          <div class="progress"></div>
                        </div>
                      </div>
                    </div>
                  </div>
                  <div class="six wide column">
                    <div class="row">
                      <div class="right floated ui mini statistic">
                        <div class="value counter" id="valueLeaseOngoing">3,952</div>
                        <div class="label">
                          ongoing
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <div class="ui tab" data-tab="loans">
          </div>
          <div class="ui tab" data-tab="deposits">
          </div>
          <div class="ui tab" data-tab="savings">
          </div>
        </div>
      </div>
    </div>