$(document).ready(function(){
 $.ajaxSetup({ cache: false });
 $('#search').keyup(function(){
  $('#result').html('');
  $('#state').val('');
  var searchField = $('#search').val();
  var expression = new RegExp(searchField, "i");
  $.getJSON('coretype.json', function(data) {
   $.each(data, function(key, value){
    if (value.identifier.search(expression) != -1)
    {
     $('#result').append('<li class="list-group-item link-class"> '+value.identifier+'</li>');
    }
   });
  });
 });

$('#result').on('click', 'li', function() {
  var click_text = $(this).text().split('|');
  $('#search').val($.trim(click_text[0]));
  $("#result").html('');
 });
});

[
      {
        "identifier":"Happy",
        "progressbar1": 3,
        "progressbar2": 2,
        "progressbar3": -2
      },
        {
        "identifier":"Fat",
        "progressbar1": -3,
        "progressbar2": -2,
        "progressbar3": 2
      }
    ]

<!-- Search -->
  <br /><br />
  <div class="container" style="width:900px;">
   <h2 align="center">EnneaTest</h2>
   <br /><br />
   <div align="center">
    <input type="text" name="search" id="search" placeholder="trait type" class="form-control" />
   </div>
   <ul class="list-group" id="result"></ul>
   <br />
  </div>
  </div>
</div>