Get Value in Serverside Datatables Modal

//MODAL EDIT
<div class="panel-body">
  <div class="modal fade" id="edit" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
      <div class="modal-content">
        <div class="modal-header" style="background-color: #5F9EA0;" >
            <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
            <h5 class="modal-title" id="myModalLabel" style="color: #eff2f3;"><b><i class="fa fa-edit"></i> Form Edit Master Data Jabatan</b></h5>
        </div>

          <div class="modal-body" id="modal_edit">
            <form role="form" method="POST" name='latihan'>

               <input type="hidden" name="id" id="id" readonly class="form-control" style="width:100%">

                <div class="form-group row">
                 <label class="col-sm-2 col-form-label" >Nama Jabatan</label>
                   <div class="col-sm-9 col-xs-12">
                     <input type="text" name="nama" id="nama" autocomplete="off" class="form-control" style="width:100%" onkeyup="this.value = this.value.toUpperCase()">
                   </div>
                </div>
            </div>
                <div class="modal-footer" style="padding-right:45px; " >
                  <button type="button" class="btn btn-default" id="reset" data-dismiss="modal" >Cancel</button>
                  <button type="submit" name="ubah" class="btn btn-primary">Ubah Data</button>
                </div>
            </form>
         </div>
      </div>
    </div>
  </div>
</div>

//JAVASCRIPT
<script src="build/js/jquery-1.10.2.js"></script>
  <script type="text/javascript">
  $(document).on("click", "#edit_data", function(){
    var id = $(this).data('id');
    var nama = $(this).data('nama');

    $("#modal_edit #id").val(id);
    $("#modal_edit #nama").val(nama);

   })

  </script>

<script>
  $(document).ready(function() {
      var t = $('#example').DataTable( {
          "ajax": "ajax/data-master/ajax-jabatan.php",
          "order": [[ 0, 'asc' ]],
          "lengthMenu": [ [10, 25, 50, 100, -1], [10, 25, 50, 100, "All"] ],
          "scrollX" : true,
          "columns": [
              { "data": "id_jabatan","sClass": "text-center"},
              { "data": "nama_jabatan","sClass": "text-left"},
              {
                "data": "id_jabatan",
			  "width": "100px",
			  "sClass": "text-center",
			  "orderable": false,
			  "mRender": function (data) {
				return '<a id="edit_data" class="btn btn-primary btn-xs" data-toggle="modal" data-target="#edit" data-id="<?php echo $data['id_jabatan'];?>" data-nama="<?php echo $data['nama_jabatan'];?>"><i class="fa fa-pencil"></i></a><a onclick="return confirm("Yakin Anda Ingin Menghapus Data Ini...???")"  href="?page=jabatan&aksi=hapus&id=<?php echo $data['id_jabatan']; ?>" class="btn btn-danger btn-xs"><i class="fa fa-trash-o"></i></a> ';
				}

              }
          ],
      } );
  } );
</script>

<script type="text/javascript">
  $(document).ready(function() {
    $("#reset").click(function() {
      $("input").val("");
    });
  });
</script>