Problem with Jquery UI select custom menu open when Mouseover occur.

Problem with Jquery UI select custom menu open when Mouseover occur.

Hi All,
I am using the "selectmenu with custom avatar 16*16 images(select menu i need images)".
reference link and code same in this site( http://jqueryui.com/selectmenu/#custom_render ).
I have a problem in this selectmenu open when mouse over occur and closes when mouse over out.

  1. $('#people-button').on('mouseover', function() {
            $('#people').selectmenu('open');
    });
but it show an error like cann't call methods on selectmenu prior to initialization;attempted to call method 'open' '

add the change code to below one.     
  1. $('#people-button').on('mouseover', function() {
  2. $('#people').selectmenu();
            $('#people').selectmenu('open');
  3. });
After the i get 2 selectmenu's

I am searched many ways in google but no use.

Any one help me to selectmenu open when mouse over occur and closes when mouse over out in custom menu way(images added) .