Let's say I have some <select> element in html:

<select name='selector' id='selector' title='Old title'>

   <option value='0'>Option 0</option>

   <option value='1'>Option 1</option>

</select>

and in the JavaScript code I have:

$('#selector').selectmenu();

So far, it works fine, i.e. hovering the mouse over the selectmenu widget shows the text 'Old title'. Now, let's say I want to change the site's language and in this case I execute the code:

$('#selector').prop('title','New title');

This executes fine (i.e. no errors in the console) and the Inspect (in Chrome) shows that the element's title= value has been updated. However, hovering the mouse over it still shows the 'Old title'. The version of Chrome I use is  56.0.2924.87 (64-bit), but I have also tested with Firefox and the result is exactly the same, so I am suspecting this is a bug in jQuery UI (I am using the latest jQuery 3.1.1 and jQuery 1.12.1).