Jak ukryć przycisk po spełnieniu warunku (post)

Mam funkcje która pokazuje kolejne wpisy w stylu "pokaż więcej" tylko jak po ostatnim wpisie ukryć przycisk pokaż więcej ?

function loadmore()
{
 var val = document.getElementById("result_no").value;
 $.ajax({
 type: 'post',
 url: 'plik.php',
 data: {
  getresult:val
 },
 success: function (response) {
  var content = document.getElementById("result");
  content.innerHTML = content.innerHTML+response;

  if (response == "done") {  // TU MAM PROBLEM, mimo że zwracam "done" warunek nadal nie jest spełniony 
            $(".load").hide(); /
        } else {
           document.getElementById("result_no").value = Number(val)+2;
        }
 }
 }); 
}

Fragment php z plik.php

// zapytania do mysql itp..
if(mysqli_num_rows($result) > 0)
{	
// pętla while itp
echo $output;
	} 
	else
{

echo "done"; //  gdy brak danych w mysql wyświetla 'done' tylko jak ukryć przycisk ?
}	

  <input type="button" id="load" class="load" value="Load More Results">

To trochę inaczej powinno wyglądać: https://www.w3schools.com/xml/ajax_xmlhttprequest_response.asp
W Twoim przypadku chyba powinieneś porównywać result w warunku, skoro w result zwracasz "done"

No dobra, ale jaki to jest błąd? Konsola coś sypie czy co?
Weź sobie log zrób na tego response i sprawdź czy tam na 100% jest "done".