Как добавить условную форму в раскрывающийся список на SquareSpace

Question

Я хочу, чтобы форма была скрыта, пока пользователь не выберет «Другое» в раскрывающемся списке, пока это мой код, но форма не отображается.

<style>

/* This hides the prefooter area */

#preFooter {
   display: none;
 }

  #text-yui_3_17_2_1_1592488106653_18663-field {display: none;}

  #text-yui_3_17_2_1_1592488106653_17373-field {display: none;}

</style>

<footer>
<script
  src="https://code.jquery.com/jquery-3.5.1.min.js"
  integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0="
  crossorigin="anonymous"></script>

<script>

$('#select-yui_3_17_2_1_1592428429486_20443 input').click(function() {
  selection = $(this).val();                                                 
  if (selection == 'Other (please specify)') {
  $('.form-item').show();
  }};
</script>
 </footer>

Есть идеи, что я должен изменить ?? Спасибо