Cargar datos en ventana modal con JavaScript

Tengo un botón que abre una ventana modal y en esa ventana muestra los datos del un doctor en especifico de una base de datos, esos datos los mando llamar con java pero nada más eh podido andar llamar el nombre, si me pudieran ayudar para poder llamar también apellido y especialidad se los agradeceré mucho. Este es mi código.

<a id="agendar"
    data-target="#myModal"
    data-toggle="modal"
    data-id=" <?echo $fila['name'];?>"
    href="#"
    class="sepV_a"
    title="agendar"><i class=button> Agendar</a></i>
  <!---------------------------------------- Modal ---------------------------------------------->
  <div class="modal fade" id="myModal" role="dialog">
    <div class="modal-dialog modal-lg">
      <!-- Modal content-->
      <div class="modal-content">
        <div class="modal-header">
          <button type="button" class="close" data-dismiss="modal">×</button>
          <h4 class="modal-title">Agendar</h4>
        </div>
        <div class="modal-body">
      <!---------------------------------- Inicio datos del doctor -------------------------------------------->
         <div id="contact_form" >
        <div class="col-md-6" >
           <p>Datos del Doctor.</p>
          <p></p>
          <p></p>
   <input type="text" name="bookId" id="bookId" value="" />
      <script>
        $(document).ready(function (e) {
  $('#myModal').on('show.bs.modal', function(e) {
     var id = $(e.relatedTarget).data().id;
      $(e.currentTarget).find('#bookId').val(id);
  });
});
      </script>
         </div>
         </div>

Espero alla podido explicarme aquí me muestra nada mas data-id=" <?echo $fila['name'];?>"

Y quisiera que me mostrara también

 <?echo $fila['lastname'];?>"

y

 <?echo $fila['especialidad'];?>"