.slice и .wrapall

Я использую немного кода, предложенного участником на stackoverflow и адаптированного мной для обертывания каждых 3 элементов списка как части мега меню. Код:

var lis = $("ul > li");
for(var i = 0; i < ls.length; i+=3) {
  lis.slice(i, i+3).wrapAll("<div class='new'></div>");
}

К сожалению, это захватит дочерний литий из следующего родительского меню для заполнения 'квоты' 3 линков в отделении. Это, конечно, в широком масштабе портит мои меню. Поскольку пример посетите здесь.

У кого-либо есть какое-либо предложение, как я мог согласовать это?