Отправка формы нажатием <li>не работает должным образом

Question

У меня есть sidebar, и моя цель состоит в том, чтобы иметь возможность щелкнуть по элементам и показать результат на div справа.
Код работает, если результаты справа просты text.
Но если я попытаюсь сгенерировать результат, используя Spring и Controller, это не сработает. Вот мой код:

<div id="container">
  <div class="row" style="margin-left: 0px;">
    <div class="col-xs-2">
      <form id="myForm" action="/findResults" method="post">
        <ul class="nav nav-tabs tabs-left">
          <li class="active"><a href="#partnerInfo" data-toggle="tab">Partner Core Info</a></li>
          <li onclick="testFunction()"><a href="#partnerUsers" data-toggle="tab">Partner Users</a></li>
        </ul>
      </form>
    </div>
  </div>
</div>

<div class="content-panel">
  <div class="col-xs-9">
    <div class="col-xs-10">
      <!-- Tab panes -->
      <div class="tab-content">
        <div class="tab-pane active" id="partnerInfo">1</div>
        <div class="tab-pane" id="partnerUsers">This is a test</div>
      </div>
    </div>
  </div>
</div>

Вот мой код javascript:

function testFunction() {
  console.log("test");
  document.getElementById("myForm").submit();
}

Если я удалю последнюю строку моей функции javascript (отправка формы), она работает хорошо. Но я не хочу его удалять.
Что мне нужно при нажатии на элемент li, это на самом деле две вещи:
отправка формы для получения результатов и отображения результатов в файле corerct div.
Когда у меня есть раздел отправки формы, я могу видеть результаты на секунду справа и затем исчезает.

Буду признателен за вашу помощь.