JSFiddle - React, Tailwind, and code Playground

by Pedro Marcano

HTML

<script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
<div class="input-container">
  <input type="text">
  <button>buscar</button>
</div>
<div class="resultados">
  <ul>
    <li>pedro</li>
    <li>luis</li>
    <li>angelica</li>
    <li>susana</li>
    
    
  </ul>
</div>

CSS

.input-container {
 width: 100%;
 height: auto;
 border: 1px solid tomato;
}
.input-container input {
  width: 100%;
}
.input-container button {
  width: 100%;
}
.resultados ul {
  border: 1px solid;
}
.resultados ul li {
  display:block;
}
.resultados ul li.hidde {
  display: none;
}

JavaScript

var names = ["Mike","Matt","Nancy","Adam","Jenny","Nancy","Carl"];
var uniqueNames = [];
$.each(names, function(i, el){
    if($.inArray(el, uniqueNames) === -1) uniqueNames.push(el);
});

console.log(uniqueNames)