JSFiddle - React, Tailwind, and code Playground

by Alan Garrod

HTML

<script src="http://twitter.github.io/typeahead.js/releases/latest/typeahead.bundle.js"></script>
<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.0.0-rc1/css/bootstrap.min.css">
<input type="text" class="typeahead " placeholder="Location">

JavaScript

var numbers = new Bloodhound({
    datumTokenizer: function(d) { return Bloodhound.tokenizers.whitespace(d.countryName); },
    queryTokenizer: Bloodhound.tokenizers.whitespace,  
    local: [
			{
				"countryCode": "AD",
				"countryName": "Andorra",
				"population": "84000",
				"capital": "Andorra la Vella"
			},
			{
				"countryCode": "AE",
				"countryName": "United Arab Emirates",
				"population": "4975593",
				"capital": "Abu Dhabi"
			},
			{
				"countryCode": "AF",
				"countryName": "Afghanistan",
				"population": "29121286",
				"capital": "Kabul"
			},
			{
				"countryCode": "AG",
				"countryName": "Antigua and Barbuda",
				"population": "86754",
				"capital": "St. John's"
			},
			{
				"countryCode": "AI",
				"countryName": "Anguilla",
				"population": "13254",
				"capital": "The Valley"
			},
			{
				"countryCode": "AL",
				"countryName": "Albania",
				"population": "2986952",
				"capital": "Tirana"
			},
			{
				"countryCode": "AM",
				"countryName": "Armenia",
				"population": "2968000",
				"capital": "Yerevan"
			},
			{
				"countryCode": "AO",
				"countryName": "Angola",
				"population": "13068161",
				"capital": "Luanda"
			},
			{
				"countryCode": "AQ",
				"countryName": "Antarctica",
				"population": "0",
				"capital": ""
			},
			{
				"countryCode": "AR",
				"countryName": "Argentina",
				"population": "41343201",
				"capital": "Buenos Aires"
			},
			{
				"countryCode": "AS",
				"countryName": "American Samoa",
				"population": "57881",
				"capital": "Pago Pago"
			},
			{
				"countryCode": "AT",
				"countryName": "Austria",
				"population": "8205000",
				"capital": "Vienna"
			},
			{
				"countryCode": "AU",
				"countryName": "Australia",
				"population": "21515754",
				"capital": "Canberra"
			},
			{
				"countryCode": "AW",
				"countryName": "Aruba",
				"population": "71566",
				"capital": "Oranjestad"
			},
			{
				"countryCode": "AX",
				"countryName": "Åland",
				"population":...