<div class="modal fade" id="student_information_modal">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
        <h4 class="modal-title" id="myModalLabel">Modal header 1</h4></div>
      <div class="modal-body text-center"></div>
        <!-- <input type="text" id="std_grno" value=""/> -->
        <div class="inner-spacer" role="content">

                <!--Profile-->
                <div class="user-profile">
                  <div class="user-profile-info">
                    <div class="tabs-white">
                      <ul id="myTab" class="nav nav-tabs nav-justified">
                        <li class="active"><a href="#home" data-toggle="tab">About</a></li>
                        <li class=""><a href="#followers" data-toggle="tab">Siblings</a></li>
                        <!-- <li class=""><a href="#activity" data-toggle="tab">Attendance</a></li>
                        <li class=""><a href="#blog" data-toggle="tab"></a></li>
                        <li class=""><a href="#chat" data-toggle="tab"></a></li> -->
                      </ul>
                      <div id="myTabContent" class="tab-content">
                        <div class="tab-pane active" id="home">
                          <div class="profile-header"></div>
                          <p><center>
                                <img id="std_father_img" class="img-circle" src="" alt="User Picture">
                                <img id="student_img" class="img-circle" src="http://placehold.it/150x150" alt="User Picture">
                                <img id="std_mother_img" class="img-circle" src="http://placehold.it/150x150" alt="User Picture">
                            </center>
                          </p>
                          <table class="table">
                            <tbody><tr>
                              <td><strong></strong></td>
                              <td></td>
                              <td><strong></strong></td>
                              <td></td>
                            </tr>
                            <tr>
                              <td><strong></strong></td>
                              <td></td>
                              <td><strong></strong></td>
                              <td></td>
                            </tr>
                            <tr>
                              <td><strong></strong></td>
                              <td></td>
                              <td><strong></strong></td>
                              <td></td>
                            </tr>
                            <tr>
                              <td><strong></strong></td>
                              <td></td>
                              <td><strong></strong></td>
                              <td></td>
                            </tr>
                            <tr>
                              <td><strong></strong></td>
                              <td></td>
                              <td><strong></strong></td>
                              <td></td>
                            </tr>
                          </tbody></table>
                        </div> etc. etc.

$(document).on("click", ".show_student_information", function (e) {

    e.preventDefault();

    var _self = $(this);

    var GR_No = _self.data('id');
    var Father_img = '<?php echo base_url() . $this->data['stdf_150_photo_path'];?>'+GR_No+'<?php echo "." . $this->data['photo_file'];?>';
    var Student_img = '<?php echo base_url() . $this->data['student_150_photo_path'];?>'+GR_No+'<?php echo "." . $this->data['photo_file'];?>';
    var Mother_img = '<?php echo base_url() . $this->data['stdm_150_photo_path'];?>'+GR_No+'<?php echo "." . $this->data['photo_file'];?>';


    $("#std_grno").val(GR_No);
    $("#myModalLabel").text("Official Name");
    $("#profile-header").text("Official Name");
    $("#abridged_name").text(GR_No);
    $("#std_father_img").attr('src', Father_img);
    $("#student_img").attr('src', Student_img);
    $("#std_mother_img").attr('src', Mother_img);

    $.post('face_view/?grno='+GR_No, function(data) {
      $('#abridged_name').text(data);
    });


    $("#student_information_modal").modal('show');
});

echo $this_grno['grno'];