How to use dialog-form jquery for list of buttons in javascript -

i have list in javascript, i'm displaying in table format using loop along edit button each row. when click on edit button need open dialog pop-up using jquery dialog. in code, when click on edit button i'm neither getting error nor pop displaying. might issue. below code.

$.ajax({              url : '/edsweb/getedslogdata',             type : 'get',             datatype : 'json',             data :  {dc: dc, mdc:mdc, group:group},             success : function(map) {                 console.log(map);              var htmlstr = "<table border='1'>";                 htmlstr += "<tr> <td>user name </td> <td> user group </td> <td> remarks </td>";                 htmlstr += " <td> edit user remarks</td></tr>";                 (var = 0; < map.length; i++) {                      htmlstr += "<tr><td>";                      htmlstr +=  map[i].username;                      htmlstr += "</td><td>";                      htmlstr +=  map[i].usergroup;                      htmlstr += "</td><td>";                      htmlstr +=  map[i].userremarks;                      htmlstr += "</td><td>";                      htmlstr += " <button id='editremarkid"+i+"'> edit </button>";                      htmlstr += "</td></tr>";                 }                 htmlstr += "</table>"                 $out = $('#em_ordering');                 $out.html(htmlstr);                    },             error : function() {                 alert("error occured!!!");             },          }); 

dialog script code:

$(function() {   $( "#dialog-form" ).dialog({ autoopen: false, height: 300, width: 350, modal: true, buttons: { "update remarks": function() {  }, cancel: function() { $( ).dialog( "close" ); } },  }); $( "#editremarkid" ) .button() .click(function() { $( "#dialog-form" ).dialog( "open" ); }); }); 

i have done small changes in code,now working.just @ http://jsfiddle.net/nzleu/ need add these 4 files jquery dialog

<link rel="stylesheet" href="//code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css"> <script src="//code.jquery.com/jquery-1.9.1.js"></script> <script src="//code.jquery.com/ui/1.10.4/jquery-ui.js"></script> <link rel="stylesheet" href="/resources/demos/style.css"> 

if want check link jquerydialogue