title: How to display “NO COUNTRY FOUND” input search in jquery?
body: <p>I'm trying to display text that matches user input. It worked, but there was a problem that made me want to pop up a notification "NO COUNTRY FOUND". If I enter a word on the input "AFGHANISTON" or "ALGEZIA" or other. Then i want this code will operate <code>$("ul.suggestions").html('NO COUNTRY FOUND')</code>. </p>
  
  <p>So, how to make display "NO COUNTRY FOUND" notification, if the inserted word does not match? Because if I am wrong in entering a word on that input, it only displays a void</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>var selectValues = {
      "af": "AFGHANISTAN",
      "al": "ALBANIA",
      "dz": "ALGERIA"
  };
  $(document).on('click keyup', '.country-tager', function(e) {
      var tagValue = $(this).val().toUpperCase();
      if (tagValue.length &gt; 0) {
          $("ul.suggestions").html('');
          $.each(selectValues, function(key, index) {
              if (this.indexOf(tagValue) &gt; -1) {
                  $("ul.suggestions").append('&lt;li&gt;&lt;a data="' + key + '"&gt;' + this + '&lt;/a&gt;&lt;/li&gt;');
              }
          });
      } else {
          $("ul.suggestions").html('please insert');
      }
      e.stopPropagation();
  });</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"&gt;&lt;/script&gt;
  &lt;input class="country-tager country-search-input typeahead tag-field" autocomplete="off" type="text" placeholder="Search country"&gt;
  &lt;ul class="country-list suggestions"&gt;&lt;/ul&gt;</code></pre>
  </div>
  </div>
  </p>