Can't display data in input search of a view of laravel 5.2

Can't display data in input search of a view of laravel 5.2

Please how can tel me what is the solution of this pb:
I use jQuery ui in autocomplete input form in laravel 5.2 , but i can display (fig) link  laravel 5.2 autocomplete
my index.blade.php is: 
  1. @extends('layouts.app')

  2. @section('content')
  3. <div class="container">
  4.     <div class="row">
  5.         <div class="col-md-10 col-md-offset-1">
  6.             <div class="panel panel-default">
  7.                 <div class="panel-heading">Dashboard</div>
  8.                     <div id="search">
  9.               <div id="search-wrapper">
  10.                   <input placeholder="Search" type="text"  class="ui-widget" id="search-input" />
  11.                   <i id="cross" class="icon"></i>
  12.                 </div>
  13.             </div>
  14.                 <div class="panel-body">
  15.                    <table id="employees" class=" table table-condensed table-hover">
  16.                 <thead style="font-size: 14px;">
  17.                      <tr v-for="employee in employees | orderBy 'first_name' order">
  18.                  <th >E. Number </a></th>
  19.                      <th> Firstname  </th>
  20.                      <th> Lastname   </th>
  21.                      <th> Title   </th>
  22.                      <th> Direction  </th>
  23.                      <th> Recruitment date   </th>
  24.                      <th> Grade   </th>
  25.                    </tr>
  26.             </thead>
  27.                  <tbody id="data">

  28.                 </tbody>
  29.             </table>
  30.                 </div>
  31.             </div>
  32.         </div>
  33.     </div>
  34. </div>
  35. <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
  36. <script type="text/javascript" src="https://code.jquery.com/ui/1.11.4/jquery-ui.min.js"></script>

  37. <script type="text/javascript">

  38. /*$(document).ready(function(){

  39.         var route = "{{ URL('/employees') }}";
  40.         $.get(route, function(res){
  41.             $(res).each(function(key, value){
  42.                 $('#data').append("<tr><td>"+value.employee_N+"</td><td>"+value.frst_name+"</td><td>"+value.last_name+"</td><td>"+value.title+"</td><td>"+value.direction+"</td><td>"+value.recruitment_date+"</td><td>"+value.grade+"</td></tr>");
  43.             });
  44.         });
  45. });*/

  46. </script>
  47. <script type="text/javascript" >
  48. $('document').ready(function(){
  49.       /*  $('#search-input').attr('autocomplete', 'on');*/
  50.         $("#search-input").autocomplete({
  51.           source : '{{ URL('/api/employees') }}',
  52.           minlength: 1,
  53.           autoFocus: true,



  54. /*           select: function(event,ui){
  55.                 $('#search-input').val(ui.item.value);
  56.                 $('#employee_N').val(ui.item.employee_N);
  57.                 $('#first_name').val(ui.item.first_name);
  58.                 $('#last_name').val(ui.item.last_name);
  59.                 $('#status').val(ui.item.status);
  60.                 }
  61. */
  62.         });

  63. });
  64.     </script>
  65. @endsection