JQuery AutoComplete always displays Ordered list?

Problem

I am trying to use Jquery autocomplete and yes, Indeed was able to succeed. But, stuck up at this point:

The jquery auto complete fetches the json data, but displays it in a bulleted list.

I tried to modify the jquery.ui.autocomplete.css.

But still then, it contains,

.ui-menu {
 list-style:none;
 padding: 2px;
 margin: 0;
 display:block;
 float: left;
}

Note that the list-style is none, but still why a bulleted list is displayed to me ?

(I am currently using MVC 4 default template which comes with visual studio 2012)

Problem courtesy of: now he who must not be named.

Solution

Add a snippet to your own css file (e.g. main.css)

.ui-menu {
    list-style: none !important;
}

This will force the jquery class style to take precedence.

JSFiddle

Solution courtesy of: Romoku

Discussion

There is currently no discussion for this recipe.

This recipe can be found in it's original form on Stack Over Flow.