Load div in AJAX

Load div in AJAX

Guys,

I have page index.php where:

$result =  '999'; 

  1. <button  class ="btn_y" value="<?=$result?>">EDIT</button>

I add AJAX query: 

  1. <script> 
  2. $(document).ready (function(){
  3. $('.btn_y').click (function (){
  4.      var result= $(this).val(); 
  5.   $('#dialog-edit').dialog({
  6.     modal: false,
  7.     open:function ()
  8.     {
  9.         $.ajax(function(){
  10.             url:"edit_php",
  11.             data:{ 'result' : result}, 
  12.             type:"post",
  13.             sucess:function(msg){
  14.                 $('#dialog-edit').html(msg)
  15.             }
  16.         });
  17.    },         
  18.    resizable: false,
  19.    height: "auto",
  20.    width: 400,
  21.    modal: true,
  22.    position: {
  23.   my: "center",
  24.     at: "center",
  25.     of: window
  26. },
  27.       buttons: {
  28.         "SAVE": function() {      
  29.       
  30. },
  31.         CLOSE: function() {
  32.           
  33.         }
  34.       }
  35. });
  36.   }
  37.   )
  38.  


  41. });

  43. </script>

Content edit_php:

  1. $result = POST['result'];

  3. <div id="dialog-edit">
  4. <? echo $result?>
  5. </div>

but my div not view(  

Why?