Почему js срабатывает на странице только с одной (верхней) формой обратной связи?

Потому, что код привязан на id скорее всего. А ID должен быть уникальный. Поэтому переводите обработку на class

Да, спасибо большое. Действительно оно)

Но тогда такой вопрос... Я подправляю скрипт под 2 id:

$("#contact" && "#contact-2").submit(function() {...

Суть скрипта скрыть поля обернутые в <div id="fields"> и вывести на месте поля <div id="note"></div> текст об успешном заказе.

Но после объединения функции заказ происходит, но поля меняются только на верхней форме. А как можно сделать, чтобы менялись на обеих? Ну чисто в общих чертах...

Если формы будет только две, не ломайте комедию, и сделайте две функции с разными ID

Иначе там нужно использовать классы + обращаться к ним, через this. чтобы показать коду, что вы будете работать с классами, которые находятся именно в этом окружении.

Спасибо за помощь! Все таки удалось мне объединить функции. Я сделал 2 id и прописал "#id" && "#id-2", а затем скрываемые и отображаемые скриптом поля также сделал по типу:

$("#fields" && '#fields-2').hide();

Но чисто из любопытства возникает вопрос:

Почему функции удалось объединить именно через "И" (&&), а не через ИЛИ (||). Ведь запускается только одна за раз, а не обе? Но если сделать через ИЛИ, тогда не работает(((

ПОСПЕШИЛ С ВЫВОДАМИ)) ТЕПЕРЬ ПЕРВАЯ ФОРМА НЕ ПАШЕТ. ВОПРОС НЕ АКТУАЛЕН.

---------- Добавлено 18.09.2019 в 14:37 ----------

Так и сделал)

$("#contact" && "#contact-2")

Бррр... Это же селекторы

$("#contact,#contact-2")

$("#contact,#contact-2")

Спасибо, в таком виде это решило все мои проблемы. До применения селекторов в js еще не дошел... Пытаюсь учить

Это не совсем js, это jQuery =)

На чистом JS это выглядит чуть более громоздко )))

Удачи в изучении