<!DOCTYPE html>
<html>

  <head>
    <script data-require="jquery@2.2.0" data-semver="2.2.0" src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script>
    <link data-require="jqueryui@*" data-semver="1.10.0" rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/jqueryui/1.10.0/css/smoothness/jquery-ui-1.10.0.custom.min.css" />
    <script data-require="jqueryui@*" data-semver="1.10.0" src="//cdnjs.cloudflare.com/ajax/libs/jqueryui/1.10.0/jquery-ui.js"></script>
    
    <link rel="stylesheet" href="style.css" />
    <script src="script.js"></script>
  </head>

  <body>
    <h1>Hello Plunker!</h1>
    <input type="text" id="s" />
    <div id="result"></div>
  </body>

</html>
// Code goes here
/*
$.ajax({
  url: "test.json",
  type: "GET",
  dataType: "json",
  success: function (data) {
    $("#result").html(data.d[0].label);
  },
  error: function(){
    console.info(arguments);
    
  }
})*/

$(
function(){
$( "#s" ).autocomplete({
  source: function( request, response ) {
          $.ajax({
          url: "test.json",
          type: "GET",
          dataType: "json",
          success: function (data) {
           response(data.d);
          },
          error: function(){
            console.info(arguments);
            
          }
        })
      }
});
});
/* Styles go here */

 {"d":
 [{"label": "771678 - - Fuel injector for Ford - L.Saldo: 0 - Reserv.: 0 - Order: 0 - KPris : 0,00 kr", "value": "771678", "desc": "Fuel injector for Ford"}]
 }