Jquery mmenu, инициализация на мобилках

Пытаюсь подключить плагин jquery.mmenu только на мобилках.
Активирую примерно так:

function menuResize(){
    var width = $(window).width(),
        countMMENU = $('.mm-menu').length; //количество подключённых mmenu
    if( width < 1024 ){
        if(countMMENU == 0){
            $('#mm-menu').mmenu({
                counters: true,
            },{
                clone: true
            });
        } else{
            $('.mm-menu').show();
        }
    }else{
        if(countMMENU){
            $('.mm-menu').hide();
        }
    }
}
jQuery(window).on('resize', function() {
    menuResize();
});

html

<nav id="mm-menu" class="wrapper-drop">
    <ul class="outer">
        <li><a href="#">item1</a></li>
        <li><a href="#test"><ul id="test"><li>test</li></ul></a></li>
        <li><a href="#">item3</a></li>
    </ul>
</nav>

т.е. если маленькое разрешение и если меню ещё не создано, тогда активируется меню (клонируется clone: true).
Но проблема в том, что при активации меню, идентификатор mm-menu преобразуется в такой: mm-mm-menu, и ко всем идентификаторам добавляется приставка mm, как в данном случае id="mm-test"и из-за этого на мобилках меню некорректно работает.
Как это исправить, чтобы при js-событии resize, меню правильно подключалось?