jQuery Forum

I just created a search function using the typeahead jquery library. My problem is that when i select an item from the dropdown list it return all the synonyms inside the input field instead of the name of item:

In my example if you try to type "Fruits" and select the item from the drop-down list it works ok. But if you try to type "Apple" or "Orange" and then select "Fruits" from the drop-down list, then it returns all the synonyms of "Fruits" in the input field eg "Apple, Orange, Banana".

I just want to get only the name of the item inside the input field when i select an item from the list no matter if i type the name itself or its synonyms. What am i doing wrong?

Here is my JSFIDDLE

I have a list that contains 6 items/divs. How can i filter the items that contain specific text by clicking/select a checkbox? For the following example i want to filter the items that contains the word "green" when i select the checkbox labeled "green" and so on. I want to make it work with jquery.

Could you please help me? Thanks in advance.

Here is a JSFIDDLE with my code.