Передать значение в форму

Есть страница категории товаров. У каждого есть ID - product ['id'], название - product['name'], цена - product['price']. У каждого товара есть кнопка <button class="opener"> </button>

Есть html форма, в которую нужно передать название товара и его цену.

Есть скрипт на jquery - использующий какую-то стандартную библиотеку "dialog", который скрывает форму до момента нажатия на кнопку и открывает после нажатия.

Задача: при нажатии на кнопку открывается форма во всплывающем окне, и в соответствующие поля формы записываются значения цены и названия.

Привожу код(с купюрами для экономии места):

Продукт:

<?php foreach ($products as $product) { ?>
<div class="name"><a href="<?php echo $product['href']; ?>"><?php echo $product['name']; ?></a></div>
  <div class="price"> 
        <?php if (!$product['special']) { ?>
        <span class="regprice"><?php echo $product['price']; ?></span>
        <?php } else { ?>
        <span class="price-old"><?php echo $product['price']; ?></span> <span class="price-new"><?php echo $product['special']; ?></span>
        <?php } ?>
</div>
<button class="opener">Кнопка</button>

Jquery:

<link href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css" rel="stylesheet" />
      <script> 
  $( function() {
      $( "#form" ).dialog({
      autoOpen: false,
      width: 500,
      title: "Форма",
      closeText: "",
      show: {
        effect: "blind",
        duration: 500
      },
      hide: {
        effect: "blind",
        duration: 500
      }
    }); 
   }

    $( ".opener" ).on( "click", function() {
      $( "#form" ).dialog( "open");
    });
  } );
  </script>

Форма:

<div id="form">
<form action="http://example.com/action.php" method="post">
<input name="itemName" value="##здесь должно быть имя товара##" type="hidden"/>
<input name="itemQuantity" value="1" type="hidden"/>
<input name="itemPrice" value="##Здесь должна быть цена товара##" type="hidden"/>
<input type="submit" value="Submit"/>
</form>
</div>