jQuery не работает в теле приложения Angular

Я использую jQuery для загрузки gapi (поэтому мое приложение имеет возможность регистрировать пользователя с помощью учетной записи Google+). Я загрузил jQuery в голову моего index.html, но он, похоже, не получает, потому что я получаю следующую ошибку в консоли: Uncaught TypeError: $(...).tooltip is not a function,

Это сценарий, который я пытаюсь запустить в конце моего тела:

  <script>
    (function() {
      $('#button-address').tooltip();
      var po = document.createElement('script');
      po.type = 'text/javascript';
      po.async = true;
      po.src = 'https://apis.google.com/js/client:plusone.js';
      var s = document.getElementsByTagName('script')[0];
      s.parentNode.insertBefore(po, s);
    })();
  </script>
</body>

и в голове:

<script src='../../bower_components/jquery/dist/jquery.min.js'></script>