Programmatically add and remove icon in dojo

http://stackoverflow.com/questions/14730849/programmatically-add-and-remove-icon-in-dojo

HTML

<link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/dojo/1.8.3/dojox/mobile/themes/common/domButtons.css">
<ul data-dojo-type="dojox.mobile.RoundRectList" class="resultList">
    <li id="listItem" data-dojo-type="dojox.mobile.ListItem" data-dojo-props='icon: "mblDomButtonBlueCircleMinus"'>
        <div class="ListItemTitle">Patient</div>
        <div class="ListItemSubTitle">Complete the new patient profile</div>
    </li>
</ul>

JavaScript

require(["dojo/ready","dijit/registry","dojox/mobile/parser", "dojox/mobile/Icon", "dojox/mobile/RoundRectList", "dojox/mobile/ListItem"], function (ready, registry, parser, Icon) {
        
        ready(100, function(){
            parser.parse();
            
            // change the icon programatically in 5 seconds
            setTimeout(function(){
                var li = registry.byId("listItem");
                li.set('icon', 'mblDomButtonWhiteArrow');
            }, 5000);
        });
        
});;