jQuery toggleClass example

Toggle class name on click in jQuery

HTML

<form class="form" action="{% url 'similar_results' %}" method="get">
        <input id="autocomplete" type="text" placeholder="Perfume name...">
        <input id="perfumename" type ="submit" value="Find Similar Perfumes"/>
      </form>
      <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js" integrity="sha256-T0Vest3yCU7pafRw9r+settMBX6JkKN06dqBnpQ8d30=" crossorigin="anonymous"></script>

JavaScript

$(document).ready(function () {
const datos = [{
 _id  :1, 
 name : 'nombre',
 label : 'lala'
},
{
 _id  :2, 
 name : 'nombre2',
 label : 'late'
 
}]
const filtrar = (w) => {
	return datos

}
// handle click and add class
    $("#autocomplete").autocomplete({
        source: async function(request, response) {
            let data = filtrar().map(result => {
                    return { label: result.name, value: result.name, id: result._id };
                });
            response(data);
        },
                  minLength:2,
          select: function(event, ui){
            console.log(ui.item);
          }
      });
      })