Не работает отправка post запроса Ajax

Пытаюсь обработать нажатие кнопки в форме.

      <form id="AuthorizationForm" method="post">
      <p style="margin: 10px;">
       <input type="text" size="20" name="AuthorizationForm_email" class="inputLogin" placeholder="Ваш email">
       <input type="password" size="20" name="AuthorizationForm_password" class="inputLogin" placeholder="Ваш пароль">
       </p>
      <input type="submit" value="Отправить" class="submitLogin">
  </form>

Вот код js

$("#AuthorizationForm").submit(function(event) { 
  alert("Поймали submit"); 
  return false; 
});

      <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> 
      <form id="AuthorizationForm" method="post"> 
          <p style="margin: 10px;"> 
           <input type="text" size="20" name="AuthorizationForm_email" class="inputLogin" placeholder="Ваш email"> 
           <input type="password" size="20" name="AuthorizationForm_password" class="inputLogin" placeholder="Ваш пароль"> 
           </p> 
          <input type="submit" value="Отправить" class="submitLogin"> 
      </form>

При нажатии на submit меня редиректит на index.php и алерт не появляется.

id формы уникальный, jquery подключен. Единственное на что я думаю, данная форма создается модально, изначально она имеет статус display:none.

p/s заметил что после добавления формы авторизации, хром пишет в инспектор: (index):1 This page includes a password or credit card input in a non-secure context. A warning has been added to the URL bar. For more information, see

Временно решил так:

html:

<input type="submit" id="AuthorizationForm_input" value="Отправить" name="pipo" class="submitLogin">

jquery:

    $(document).ready(function() {
    $(document).on('click', '#AuthorizationForm_input', function(e){
      e.preventDefault();
      alert('click')
    });
});