Хороший UI

const data = new FormData(form);
const serializeData = {};
    
[...data.keys()].forEach((key) => {
  serializeData[key] = data.get(key);
});

<div class="wrap">
  <h2>Товар 1</h2>
  <div class="hide">Это скрыто</div>
  <button class="open">Кнопка, которая показывает скрытое</button>
</div>

<div class="wrap">
  <h2>Товар 2</h2>
  <div class="hide">Это скрыто</div>
  <button class="open">Кнопка, которая показывает скрытое</button>
</div>

const btn = document.querySelectorAll('.open');

btn.forEach((item) => {
  item.addEventListener('click', (event) => {
    const itemWrap = e.currentTarget.closest('.wrap');
    const hideElement = itemWrap.querySelector('.hide');
    hideElement.style.display = 'block';
    // И т.д...
  });
});

if (activeNote) {
  const node = document.querySelector(`#${activeNote}`);

  node.children[0].innerHTML = title;
  node.children[1].innerHTML = created.toLocaleString('en-US');
  node.children[2].innerHTML = body;
  node.style.backgroundColor = color;

  activeNote = null;
}

const node = document.querySelector('#listed');
node.appendChild(document.createTextNode(`${title} ${created.toLocaleString('en-US')} ${body} `));

if (activeNote) {
  const node = document.querySelector(`#${activeNote}`);
  node.parentNode.removeChild(node);
  activeNote = null;
}

const nodes = document.querySelector(`#${id}`);
const titleSel = nodes.children[0].innerHTML;
const bodySel = nodes.children[2].innerHTML;

<!-- Начало html кода  -->
<div>
 <p>Какой то html код</p>
</div>
<!-- Далее вставляете тег <script> и в нём пишете js -->
<script>
 const str = "А тут уже рабочий js код, внутри html документа";
 const sum = 2 + 2;
 pdfjsLib.GlobalWorkerOptions.workerSrc = 'mozilla.github.io/pdf.js/build/pdf.worker.js';
</script>

function sendForm() {
    var msg = $('form').serialize();
    $.ajax({
        type: 'POST',
        url: '/send.php',
        data: msg,
        success: function(data) {
            // Сюда подставить функцию закрытия текущего попап и потом открытия нужного
        },
        error:  function(xhr, str){
            alert('Возникла ошибка: ' + xhr.responseCode);
        }
    });
}