Typeahead.js remote call not showing dropdown

http://stackoverflow.com/questions/21204249/twitter-typeahead-not-showing-dropdown

by Ben Smith

HTML

<script src="http://twitter.github.io/typeahead.js/releases/latest/typeahead.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/hogan.js/2.0.0/hogan.js"></script>
<input type="text" id="txtMedicamentos">

JavaScript

$('#txtMedicamentos').typeahead({
        engine: Hogan,
        header: '<b>Medicamentos</b>',
        template: '<span>{{descripcionMedicamento}}</span>',
        limit: 10,
        minLength: 3,
        remote: {
            url: 'http://geofarma.pe/service/GetMedicamentos/%QUERY',
            filter: function (parsedResponse) {
                console.log(parsedResponse);
                var data = [];
                for (i = 0; i < parsedResponse.length; i++) {
                    data[i].value = parsedResponse[i].descripcionMedicamento;
                    data[i].tokens = new Array(parsedResponse[i].descripcionMedicamento);
                }
                return data;
            },
            dataType: 'jsonp'
        }
    });