Use jquery mobile with requirejs, delay pageinit function until scripts are loaded

gistfile1.html

<script src="/scripts/require.js" type="text/javascript"></script>
<script type="text/javascript">
    requirejs.config({
        paths: {
            'jquery': 'jquery-1.9.1.min',
            'jquery.mobile': 'jquery.mobile-1.3.0.min'
        },
        shim: {
            'jquery.mobile': ['jquery', 'jquery.mobile-config']
        }
    });

    define('jquery.mobile-config', ['jquery'], function ($) {
        $(document).on('mobileinit', function () {
            $.mobile.autoInitializePage = false;
        });
    });

    require('jquery', 'jquery.mobile', function ($) {
        $('#foo').on('pageinit', initFooPage);
        $.mobile.initializePage();

        function initFooPage() {
        }
    });
</script>