JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://raw.github.com/twitter/bootstrap/master/js/bootstrap-typeahead.js"></script>
<link rel="stylesheet" href="https://raw.github.com/twitter/bootstrap/master/docs/assets/css/bootstrap-responsive.css">
<input type="trext" id="test" />

JavaScript

var myJSONObject = '[{"id":"1","pid":"0","type":"Individual","code":"i","status":"1"},{"id":"2","pid":"0","type":"Group","code":"g","status":"1"},{"id":"15","pid":"0","type":"asdasd","code":"asd","status":"1"},{"id":"16","pid":"0","type":"asdas","code":"asd","status":"1"},{"id":"17","pid":"0","type":"my check","code":"mt","status":"1"}]';

function vals() {
    var a = [];
    $.each($.parseJSON(myJSONObject), function() {
        a.push(this.id);
    });
    return a;
}

function showArray(theArray){
    var quote = "";
    for (var i = 0; i < theArray.length; i++){
        quote += theArray[i] + " ";
    }
    return quote;    
}

var arr = vals();
var x = showArray(arr);

var input = $('#test');
input.typeahead({
    source: x
});