使用jquery对话框编辑表

Question

需要帮助..这是我的情况，我想通过jquery对话框创建一个编辑表单，编辑一个从mysql查询填充其内容的表，我已经创建了这个表单并且确实显示了要编辑的模态对话框但是这里当点击保存或关闭按钮关闭对话框时会出现问题，但不仅仅有一个对话框显示我的对话框与我的查询记录一样多，我必须再次点击按钮，谢谢你的帮助..

<table id='asset'>
    <tr><td>
        <a href='#'  class='edithistory' >edit</a>
        <form class ='formedithistory'>             
                <table>
                    <tr>
                        <td><label>Serial Number</label></td>
                        <td><input type='text' name='serial_number_edit' id='serial_number_edit' value='$serial_number_hist'></td>
                    </tr>   
                        <td><label>Tgl Masuk</label></td>
                        <td><input type='text' name='date_in' value='$date_in'></td>
                    </tr>
                    <tr>

                        <td><label>Tgl Keluar</label></td>
                        <td><input type='text' name='date_out' value='$date_out'></td>
                    </tr>
                    <tr>

                        <td><label>Kerusakan</label></td>
                        <td><input type='text' name='kerusakan' value='$kerusakan'></td>
                    </tr>
                    <tr>

                        <td><label>Biaya</label></td>
                        <td><input type='text' name='biaya' value='$biaya'></td>
                    </tr>
                    <tr>

                        <td><label>Status</label></td>
                        <td><input type='text' name='Status' value='$status'></td>
                    </tr>
                    <tr>

                        <td><label>Vendor</label></td>
                        <td><input type='text' name='vendor' value='$vendor'></td>
                    </tr>                               
                </table>                                                    
            </form>     

        </td>
                    <td><input type='checkbox' class='cekdelete' name='cekdelete' id=' cekdelete'     value='$id_hist'></td>                


                <td>$date_in</td>
                <td>$date_out</td>
                <td>$kerusakan</td>
                <td>$biaya</td>             
                <td>$status</td>                
                <td>$vendor</td>
                </tr>
        </table>


 $('.edithistory')
.button({ icons: { primary: "ui-icon-document" }})
 .click(function() {      
       record = $(this).parents('.record');
      $( ".formedithistory" ).dialog( "open" )
  });


 $( ".formedithistory" ).dialog({
  autoOpen: false,
  modal: true,
  buttons: {
      OK: function() {                         
          $( this ).dialog( "close" );
      },        
      Cancel: function() {           
          $( this ).dialog( "close" );
        }
    }
});