HTTPS通信時のjQuery UIのautocompleteウィジェットでのMixed contentエラーを解消したい

Question

前提・実現したいこと

HTTPS通信時のjQuery UIのautocompleteウィジェットでのMixed contentエラーを解消したい。

発生している問題・エラーメッセージ

jQuery UIのautocompleteウィジェットを利用してサジェストを表示しているのですが、
sourceを相対パスで指定しているにも関わらず、HTTPSでページを閲覧時、Mixed contentエラーが発生し、サジェスト結果が表示されません。
HTTPでの閲覧時は問題なく表示されます。
以下はChromeでのエラーメッセージです。

Mixed Content: The page at 'https://test.xxxx.com/' was loaded over HTTPS, but requested an insecure XMLHttpRequest endpoint 'http://test.xxxx.com/autocomplete/?term=aa'. This request has been blocked; the content must be served over HTTPS.

該当のソースコード

function autocomplete() {
  $('#searchForm .searchInput').autocomplete({
    minLength: 2,
    appendTo: '#searchForm',
    source: './autocomplete'
  });

試したこと

• sourceを絶対URLで記載した場合でも、同様にMixed contentエラーが発生します。
• ブラウザキャッシュクリアをしても同様です。
• Chrome、FireFox、Edgeで同様のエラーを確認しています。

補足情報（FW/ツールのバージョンなど）

▼バージョン情報

• jQuery v1.7.1
• jQuery UI v1.12.1

Answer 1

以下ページを参考にsourceの末尾に/を追加したところ、解決したのでクローズいたします。
https://stackoverflow.com/questions/21056990/how-to-make-an-ajax-https-get-request-using-jquery