Jquery POST-запрос не отправляется

Question

У меня есть следующий код:

<script>
$(document).ready(function() {
    swal({
        title: 'Choose your settings',
        type: 'info',
        html:"<form method='post' id='set'>{% csrf_token %}<input type='text' class='set-pref' placeholder='Enter your preference' name='input_val'><button name='button' class='btn btn-danger btn-sm f-14 mr-1' type='submit'>Set</button></form>",
        showCloseButton: false,
        showCancelButton: false,
        focusConfirm: false,
        confirmButtonText: 'Confirm',
        cancelButtonText: 'Go forward',
    });
});
</script>

Когда страница загружена, этот код покажет панель с формой на ней. На этой панели есть простая форма, которая отправит запрос POST. Этот код работает , запрос POST отправляется без проблем.

Проблема, однако, в том, что тот же код с простым редактированием не работает:

<script>
$(document).ready(function() {
  $('#manage').click(function() {
      swal({
          title: 'Choose your settings',
          type: 'info',
          html:"<form method='post' id='set'>{% csrf_token %}<input type='text' class='set-pref' placeholder='Enter your preference' name='input_val'><button name='button' class='btn btn-danger btn-sm f-14 mr-1' type='submit'>Set</button></form>",
          showCloseButton: false,
          showCancelButton: false,
          focusConfirm: false,
          confirmButtonText: 'Confirm',
          cancelButtonText: 'Go forward',
      });
    });
});
</script>

<button name="button" id="manage" type="submit" class="btn btn-danger btn-sm f-14 mr-1">manage</button>

В этом случае панель не отображается при загрузке страницы, но после нажатия кнопки. В этом случае, когда я пытаюсь отправить форму, запрос POST не отправляется, и страница обновляется, я проверил консоль, и там не отображается никаких ошибок. Может кто-нибудь помочь мне понять, что я делаю не так?

Answer 1

Установите тип кнопки как type="button"

<button name="button" id="manage" type="button" class="btn btn-danger btn-sm f-14 mr-1">manage</button>