TypeAhead

First Step
<input class="typeahead form-control" type="text" name="">

Script Typeahead
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-3-typeahead/4.0.1/bootstrap3-typeahead.min.js"></script>

    <script type="text/javascript">

    $('input.typeahead').typeahead({
        source:  function (query, process) {
        return $.get('apartment_search.php', { query: query }, function (data) {
                console.log(data);
                data = $.parseJSON(data);
                return process(data);
            });
        }
    });

</script>