How do you retrieve a dojox.mobile widget in a html file from a js file using worklight

http://stackoverflow.com/questions/17573230/how-do-you-retrieve-a-dojox-mobile-widget-in-a-html-file-from-a-js-file-using-wo

HTML

<div data-dojo-type="dojox.mobile.SwapView"id="MainPageView"
    data-dojo-props="selected:true">
        <ul data-dojo-type="dojox.mobile.IconMenu" id="menu"
        style="width: 320px; height: 400px;" data-dojo-props="cols: 3">
            <li data-dojo-type="dojox.mobile.IconMenuItem"label="empty"
            id="btn1" title="title1"></li>
        </ul>
    </div>
<div data-dojo-type="dojox.mobile.SwapView"id="MainPageView"
    data-dojo-props="selected:true">
       fgdgdfgfdgfdgfdg
    </div>

JavaScript

require(['dojo/parser', 'dijit/registry', 'dojox/mobile/SwapView', 'dojox/mobile/IconMenu'], function(parser, registry){
    parser.parse();
    
    var btn = registry.byId('btn1');
    console.dir(btn);
    
});