1. <button class="config-button">site1</button>
   <form class="config-form" method="post" title="site1">
   Number: <input name="period" value="1" />
   </form>
   
   <button class="config-button">site2</button>
   <form class="config-form" method="post" title="site2">
   Number: <input name="period" value="2" />
   </form>
   
   <button class="config-button">site3</button>
   <form class="config-form" method="post" title="site3">
   Number: <input name="period" value="3" />
   </form>
   
   
   
   
   
   
   
   
   
   
   
   
   
2.   $('button.config-button').click(function() {
       $(this).next('form.config-form').dialog('open');
     });
   
     $('form.config-form').dialog({
       autoOpen: false,
       resizable: false,
       width: 500,
       modal: true,
       buttons: {
         "Save": function() {
           $(this).submit();
         },
         "Cancel": function() {
           $(this).dialog("close");
         }
       }
     });
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   

If I click button it must show modal widow, but it don't work. Why? The same code on jsfiddle.