JSFiddle - React, Tailwind, and code Playground

HTML

<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/jquery-ui.min.js"></script>
<link rel="stylesheet" href="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/themes/smoothness/jquery-ui.css">
    <button class="site-config-button">Настройки сайта</button>
    <form class="site-config-form" method="post" title="Настройки сайта">
      Число: <input name="period" value="5" />
    </form>
<button class="site-config-button">Настройки сайта</button>
    <form class="site-config-form" method="post" title="Настройки сайта">
      Число: <input name="period" value="6" />
    </form><button class="site-config-button">Настройки сайта</button>
    <form class="site-config-form" method="post" title="Настройки сайта">
      Число: <input name="period" value="7" />
    </form>

JavaScript

$('button.site-config-button').each(function(){
    $(this).data('dialog',$(this).next('form.site-config-form'));
    $(this).data('dialog').dialog({
    autoOpen: false,
    resizable: false,
    width: 500,
    modal: true,
    buttons: {
      "Сохранить": function() {
        $(this).submit();
      },
      "Отмена": function() {
        $(this).dialog("close");
      }
    }
  });
    $(this).click(function() {
    $(this).data('dialog').dialog('open');
  })
});