Updating Knockout-bound jQuery Mobile Listview

index.html

<!-- the refreshListview here instructs Knockout to call a binding handler by that name -->

<!-- ko foreach: members, refreshListview: true
    --><li style="padding:.3em">
           <span data-bind="text: memberName, css: { memberIsTyping: isTyping }"></span>
       </li><!-- /ko -->

koHelper.js

// the refreshListview Knockout bindingHandler implemented in SmartJs

    Ko.bindingHandlers.refreshListview = {
        update: function (element, valueAccessor) {
            Ko.utils.unwrapObservable(valueAccessor()); //just to create a dependency
            if (!element) return;
            Logger.log('Ko.bindingHandlers.refreshListview.update() > element.nodeName',
                element.nodeName);
            var ul = (element.nodeName === 'UL') ?
                Jquery(element) :
                Jquery(Ko.virtualElements.firstChild(element)).closest('ul');
            if (!ul || !ul.length) return;
            setTimeout(function (ul) { ul.listview('refresh'); }, 0, ul);
        }
    };

// allow this to be used on a comment-style (virtual) binding
    Ko.virtualElements.allowedBindings.refreshListview = true;