Autocomplet na localhost a na test.sk nejde

<script src="https://code.jquery.com/jquery-2.1.4.min.js"></script>
    <script type="text/javascript" src="typeahead.js"></script>
<div class="bgcolor">
        <label class="demo-label">Search Country:</label><br/> <input type="text" name="txtCountry" id="txtCountry" class="typeahead"/>
    </div>
</body>
<script>
    $(document).ready(function () {
        $('#txtCountry').typeahead({
            source: function (query, result) {
                $.ajax({
                    url: "server.php",
                    data: 'query=' + query,            
                    dataType: "json",
                    type: "POST",
                    success: function (data) {
                        result($.map(data, function (item) {
                            return item;
                        }));
                    }
                });
            }
        });
    });
</script>

<?php        
    $keyword = strval($_POST['query']);
    $search_param = "%{$keyword}%";
    $pp =new mysqli('localhost', 'root', 'root' , 'test');

    $sql = $pp->prepare("SELECT * FROM dodavatel WHERE nazov_dodavatel LIKE ?");
    $sql->bind_param("s",$search_param);            
    $sql->execute();
    $result = $sql->get_result();
    if ($result->num_rows > 0) {
        while($row = $result->fetch_assoc()) {
        $countryResult[] = $row["nazov_dodavatel"];
        }
        echo json_encode($countryResult);
    }
    $pp->close();
?>