Файлы cookie работают между страницами HTTP, а не страницами HTTPS

Question

Я пытаюсь отправить куки с одной HTTPS-страницы на другую. Моя функция, которая устанавливает куки из формы HTML, запускается на кнопке отправки. Однако куки отсутствуют на второй странице.

Все это работает на моей тестовой странице HTTP.

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script>

$(document).ready(function() {
  $('#formid').on("submit", function(e) {
    e.preventDefault()
    var form = $(this).serialize();
    var d = new Date();
    d.setTime(d.getTime() + (1 * 24 * 60 * 60 * 1000));
    var expires = "expires=" + d.toUTCString();
    console.log(form);

    for (data_form of form) {
      document.cookie = data_form + "=" + data_form.value + ";" + expires + ";path=/";
      console.log(data_form.value)
    }
  });
});