jQuery mobile not displaying correct selected item in list

Question

I have a select list. I am using jQuery to update the selected item. The displayed item in the box isn\'t updating when I change the selected value. In the following example

Answer 1

First of all, refrain from using .ready() in jQuery Mobile.

When selecting an option programmatically, you need to re-ehance selectmenu widget.

$("#id").prop("selected", true);
$("select_id").selectmenu("refresh");

Demo