//$("#tabell").hide();


//när man klickar på sök-knappen
$('#sok-button').on('click', function () {

//Tömmer innehållet i tabellen så att inga gamla värden hänger med på den nya sökningen
$("#tabell").empty()

//Hämtar innehållet i inmatningsfältet
var livsmdlStr = $('#livsmedelsSokOrd').val();
console.log(livsmdlStr.length);

//om sökningen ger upphov till fler träff än noll..
//Utför en förfrågan till webbtjänsten om datan jag önskar hämta
$.ajax({
url: "https://webservice.informatik.umu.se/webservice_livsmedel/getlivsmedel.php",
dataType: "jsonp",
data: {
limit: 5,
namn: livsmdlStr // Det som skrivs in i sökfältet
},
// Om förfrågan gått bra...
success: function (response) {
console.log(response);
//blir tabellen synlig..
if (response) {
//$("#tabell").show();
 console.log("response received");
//och tabellen skapas..
var rubrikRakna = 0;


//Räknar hur många "th" som finns
var rubrik = $('#tabell > thead').children('th').length - 1;
console.log(rubrik)

//Skapar en ny <tr>
$('#tabell > tbody').append('<tr></tr>');

//För varje <th>, skapa en <td> ('cell')
for(var i = 0; i < rubrik; i++) {
$('#table > tbody > tr:last-child').append('<td id="'+ rubrikRakna +'_'+ i +'"></td>');
console.log()

rubrikRakna++; //Håller koll på antal linjer som skapas
}
}
}
});}


//Sökresultatet ska presenteras som rader i den tabell som finns i index.html

//Resultatet ska utgöras av livsmedelsnamn, energi samt fördelning av fett, protein och kolhydrater

//När en ny sökning görs ska resultatet från föregående sökning tas bort

//Om sökningen ger upphov till noll träffar ska tabellen inte visas (dvs inget synligt tabellhuvud). Om sökningen ger upphov till någon eller några träffar ska tabell vara synlig.


)