Динамически созданный <li> ведет себя по-разному в IE и Firefox и других браузерах

Я создал функцию сортировки для сортировки элементов li в ul на основе идентификатора.

function noFilterForElements(){
        /* Check where to append */
        var listofelems = $('#ul-to-sort > li');
        if (listofelems.length>0){
            $('#ul-to-sort').html('');
            $.each(listofelems,function(datakey,dataval){
                /* Write out the elements without parents first */
                console.info(dataval);
                if ($(dataval).data('parent') == 0){
                    $('#ul-to-sort').append(dataval);
                }
            });
            $.each(listofelems,function(datakey,dataval){
                /* Write out the elements without parents first */
                if ($(dataval).data('parent') != 0){
                    $('.parent-title[data-actid = "'+$(dataval).data('parent')+'"]').after(dataval);
                }
            });
        }
    }

Проблема заключается в том, что в FF и Chrome и т. д. Данные автоматически содержат все узлы содержимого / дочерние элементы для элемента li. В IE, с другой стороны, берется только элемент li. Все дочерние элементы элемента li не содержатся в переменной dataval.

Протестировано на IE 8, 9, 10 и Edge (стандарты)

Любые идеи о том, почему это происходит и как я могу решить эту проблему, пожалуйста?

PS: Я пробовал повторять с listofelems.each () - результат тот же; работает в FF и Chrome, но не в IE.

Дополнительный HTML-код, а также пример в соответствии с комментарием

<ul id = "ul-to-sort">
  <li class = "parent-title" data-actid = "world-1" data-parent = "0">Parent</li>
  <li class = "parent-title" data-actid = "world-2" data-parent = "world-1">Child 1 of World 1</li>
  <li class = "parent-title" data-actid = "world-3" data-parent = "world-1">Child 2 of world 1</li>
  <li class = "parent-title" data-actid = "world-4" data-parent = "world-2">Child 1 of world 2</li>
  <li class = "parent-title" data-actid = "world-5" data-parent = "world-2">Child 2 of world 2</li>
  <li class = "parent-title" data-actid = "world-6" data-parent = "world-1">Child 3 of world 1</li>
  <li class = "parent-title" data-actid = "world-7" data-parent = "world-1">Child 4 of world 1</li>
  <li class = "parent-title" data-actid = "world-8" data-parent = "world-4">Child 1 of world 4</li>
</ul>

Протестировано с помощью JsFiddle, и он переупорядочивает дочерние элементы.