No se pueden mostrar datos para conjuntos de datos múltiples usando typeahead.js en la aplicación Rails

typeahead.json.builder

 json.array!(@reports.first(5)) do |report| json.title report.title.truncate(130) end json.array!(@press_releases.last(5)) do |news| json.title news.title.truncate(130) end

código de reports.js

 var reports = new Bloodhound({ datumTokenizer: Bloodhound.tokenizers.obj.whitespace('title'), queryTokenizer: Bloodhound.tokenizers.whitespace, limit: 5, remote: { url: '/typeahead/%QUERY', wildcard: '%QUERY', transform: function(d) { return d; } } }); var news_updates = new Bloodhound({ datumTokenizer: Bloodhound.tokenizers.obj.whitespace('title'), queryTokenizer: Bloodhound.tokenizers.whitespace, limit: 5, remote: { url: '/typeahead/%QUERY', wildcard: '%QUERY', transform: function(d) { return d; } } }); $('#prefetch .typeahead').typeahead( { highlight: true, highlight: true, minLength: 2 }, { name: 'reports', display: 'title', source: reports, templates: { header: '<h3 class="league-name">Reports</h3>' } }, { name: 'press_releases', display: 'title', source: press_releases, templates: { header: '<h3 class="league-name">Press Releases</h3>' } } );

Este es mi código, por lo que cada vez que se realiza mi llamada js, muestra solo 5 títulos de informes en ambos bloques, quiero mostrar 5 informes en el bloque de informes y 5 comunicados de prensa en el bloque a continuación

Cualquier sugerencia sobre esto será muy apreciada.