Changing width of jquery-ui autocomplete widgets individually

Question

I\'m working with mutiple jquery-ui autocomplete widgets on one page and want to be able to set the widths of each one individually. Currently, I\'m doing it like this:

Answer 1

Reading API, I've just add a class ui-front to the parent's div of my input, and that works fine.

    example
    

See here :

[...] the parents of the input field will be checked for a class of ui-front. If an element with the ui-front class is found, the menu will be appended to that element. Regardless of the value, if no element is found, the menu will be appended to the body.

The appended element determine the position and width of the menu.