How to display a custom error message in Jquery?

[eluser]qpixo[/eluser]
I'm trying to pass user input form data jquery/ajax to check if there's any. Actually I can grab them from server while using json_encode() method PHP side and display the result in Jquery.


How to display a custom error message in Jquery when it can not find anything return in Jquery HTML client side? I'm bit new with Jquery syntax.

Code:

$(document).ready(function() {
$('#keyword').keyup(function(event) {
  event.preventDefault();

  // Get input form
  var keyword = $('#keyword').val();
  var path = "<?php echo site_url('controller/searchSuggestion'); ?>";

  if (keyword.length >= 3) {
   $('#keyword').addClass('loading');
   $.ajax({
    url: path,
    type: "POST",
    data: { search: keyword },
    dataType: "json",
    success: function(data) {
     $('#suggestionResult').fadeIn(500);
     $('#keyword').removeClass('loading');
  
     firstIndex = 0;
     limit = 25;
          
     $.each(data.tabResults, function(i, data) {
      content = "<ul><li class='result'><strong>" + UCFirstChar(data.title) + "</strong></li>";
    
     if (data.actors.length > limit) {
      content += "<li class='result'>" + UCFirstChar(data.actors.substring(firstIndex, limit)) + "...</li>";
     }
     content += "</ul>";
     $(content).appendTo('#suggestionResult');
    });

    error:function (xhr, textStatus, thrownError, data) {
     console.log("Can't find search item...");
                    console.log(">> Update Error Status: ", xhr.status, " Error Thrown: ", thrownError);
    });
   } else {
   $('#suggestionResult').fadeOut(500);
  }
});