ajax, не работает простейший пример

Помогите не шарящему новичку. Почему ajax не срабатывает и не выводится содержимое alert
Есть страница:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">;

<html xmlns="http://www.w3.org/1999/xhtml">;

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>ajax</title>

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>;
<script>
$(function(){
$('#button').click(function(){
$.ajax({
  type: "POST",
  dataType: "json",
  url: '/get_info.php',
  success: function(data) {
                     alert("УРА!!!");
  }
});
});
});
</script>

</head>

<body>

<button><div id = "button"> кнопка </div></button>

</body>

</html>
////////////////////////////////////////////////////////////
Есть get_info.php:

$test = array(
    '1' => array( 'info' => 'hz', 'name' => 0, 'gen' => 0 ),
    '2' => array( 'gen'  => 0, 'name' => 0 ),
    '3' => array( 'info' => '123' ),
    '5' => array( 'info' => 'hzhz', 'name' => 0, 'gen' => 0 )
);
echo json_encode($test);

возвращается:
{"1":{"info":"hz","name":0,"gen":0},"2":{"gen":0,"name":0},"3":{"info":"123"},"5":{"info":"hzhz","name":0,"gen":0}}