Can not call methods

Can not call methods

I have a select box with a choice of object. When you select an object, a table appears with a certain set of data. Below the table is the add button, which opens the dialog box. When you first select from the select box, everything is OK, the dialog box opens normally. buttons disappear, title, given window size. I use jquery-ui. I attach the code:
  1. <script type="text/javascript">
  2.     $(function () {
  3.         $("#testdlg").dialog({
  4.             modal: true,
  5.             autoOpen: false,
  6.             title: "ADD",
  7.             height: "auto",
  8.             width: 400,
  9.             position: {
  10.                 my: "center",
  11.                 at: "center",
  12.                 of: window
  13.             },
  14.             buttons: [
  15.         {
  16.             text: "SAVE",
  17.             click: function() {           
  18.             ......

  20.             $.ajax({
  21.                 url: 'test_.php',
  22.                 method:"POST",
  23.                 data: { 
  24.                     ....
  25.                 },
  26.                 success: function (data){
  27.                 window.location.reload()
  28.              }
  29.             })
  30.                 }
  31.         },
  32.         {
  33.             text: "CLOSE",
  34.             click: function() {
  35.                 $( this ).dialog( "close" );
  36.             }
  37.         }
  38.     ]
  39.         });
  40.         $("#my_button").click(function (e) {
  41.            e.preventDefault();
  42.            $("#testdlg").dialog().dialog("open");
  43.         });
  44.     });
  45. </script>