Problem to start a script after an ajax response

Problem to start a script after an ajax response

I have a HTML code like this:

  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <title>Test</title>
  5. <meta charset="utf-8">  
  6. <script src="js/jquery-1.9.0.js"></script>
  7.    <script>
  8.    $(function buttA() {
  9.     $("#buttA").click(function(){
  10.     alert ("Hello from buttonA");
  11.        });
  12.    });
  13.    $(function buttB() {
  14.     $("#buttB").click(function(){
  15.     alert ("Hello from buttonB");
  16.        });
  17.    });
  18.    $(function bReq() {
  19.     $("#bReq").click(function(){
  20.        $.ajax({
  21.         url:"test.php",
  22.         type:"post",
  23.         success:function(result){ $("#b").html(result);}
  24.        });
  25.     });
  26.    });
  27.    </script>
  28. </head>
  29. <body>
  30. <div id="content">
  31. <div id="a">
  32. <button id="buttA">Button A</button>
  33. </div>
  34. <button id="bReq">Call Button B</button>
  35. <div id="b">
  36. </div>
  37. </div>
  38. </body>
  39. </html>
and a PHP code like this:

  1. <?php
  2. echo '
  3. <button id="buttB">Button B</button>
  4. ';
  5. ?>

Why Button B don't work ??