Ajax подгружает код страницы wordpress
 

Добрый вечер!
Есть простой ajax запрос

echo '  
<div class="xxxxxxxx"></div>';

add_action( 'wp_ajax_hello', 'say_hello' );
function say_hello () {
  if ( empty( $_POST['name']) ) {
    $name = 'пользователь';
  } else {
    $name = esc_attr( $_POST['name']);
  }
  echo "Привет, $name!";
  exit();
}

echo '  
<div class="etx-popup-wrapper">
    <button>btn</button>
</div>';


add_action( 'admin_footer', 'my_action_javascript', 9999 );
function my_action_javascript() {
  ?>
  <script>
  jQuery(document).ready( function( $ ){
    $(".etx-popup-wrapper button").click(function() {  
      event.preventDefault();
      var data = {
        action: 'hello',
        name: 'Дмитрий'
      };
      jQuery.post( ajaxurl , data, function( response ){
          alert( 'Получено с сервера: ' + response );
      });
    });
  });
  </script>
  <?php
}

В ответ приходит такое:


Почему ajax подхватывает другой код с страницы и как это решить?
Я понимаю что если подключить отдельный файл обработчик, то проблема исчезнет. Однако нужно на таком примере.

Заранее спасибо!

А чему у тебя равна переменная ajaxurl ?