Problemas con php

Hola a todos, estoy creando una web para un amigo, que cuando coloque un anno de nacimiento aparezca el signo zodiacal chino...

esta es mi web hasta ahora, mi mayor problema es que cuando ponga el valor al input y le de enter aparezca algo....

Código

<!DOCTYPE html>
<html>
 
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <title></title>
  <script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/css/bootstrap.min.css" integrity="sha384-rwoIResjU2yc3z8GV/NPeZWAv56rSmLldC3R/AZzGRnGxQQKnKkoFVhFQhNUwEyJ" crossorigin="anonymous">
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/mdbootstrap/4.3.0/css/mdb.min.css">
  <link rel="stylesheet" href="css/estilos.css">
 
</head>
 
<body>
 
  <div class="container">
    <div class="header">
      <div class="row">
        <div class="col-md-6 col-md-6-offset">
          <input class="form-control mr-sm-2" type="text" placeholder="Select the year of your birth" name="search" id="search">
          <button class="btn btn-outline-info btn-md btn-block waves-effect " type="submit">Search</button>
        </div>
      </div>
      <div id="result">
 
      </div>
    </div>
    <!-- -->
    <div class="selector">
    </div>
 
    <script src="js/includejs.js">
 
    </script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/mdbootstrap/4.3.0/js/mdb.min.js"></script>
    <script src="https://code.jquery.com/jquery-3.1.1.slim.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/tether/1.4.0/js/tether.min.js"></script>
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/js/bootstrap.min.js"></script>
</body>
 
</html>

y este es mi js hasta ahora con jquery:

Código

$(document).ready(function() {
   // Esta primera parte crea un loader no es necesaria
    $().ajaxStart(function() {
        $('#loading').show();
        $('#result').hide();
    }).ajaxStop(function() {
        $('#loading').hide();
        $('#result').fadeIn('slow');
    });
   // Interceptamos el evento submit
    $('#form, #fat, #fo3').click(function() {
  // Enviamos el formulario usando AJAX
        $.ajax({
            type: 'POST',
            url: $(this).attr('action'),
            data: $(this).serialize(),
            // Mostramos un mensaje con la respuesta de PHP
            success: function(data) {
                $('#result').html(data);
            }
        })        
        return false;
    });
})