как поставить значок шрифта awesome в переключатель js

Question

Привет, у меня есть такой код:

$(document).ready(function() {
  $("#toggle").click(function() {
    var elem = $("#toggle").text();
    if (elem == "Show more") {
      $("#toggle").text("Show less");
      $("#text").slideDown();
    } else {
      $("#toggle").text("Show more");
      $("#text").slideUp();
    }
  });
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<div class="btn-container">
  <button id="toggle">Show more</button>
</div>

В show more я хотел бы добавить значок / f078, а в show less / f106. Как добавить? Я пробовал использовать теги css и html, но это не работает.