JQueryMobile Проблема с добавлением ScrollView к динамическим данным

Question

У меня возникли проблемы с JqueryMobile Scroll View:

Вот код ниже:

   function scroll_Info(json){
         var scroll_Info = document.getElementById("scroll_Info");

    var dt =json.results; 
      if (dt.length <= 0){
       }

          else{         
             $('#scroll_Info').append('<ul data-scroll="x" class="double-block-view-h">');
             $('#scroll_Info').append('<ul class="view">');

      scrollview = $('#scroll_Info');

          for (var i=0; i<dt.length; i++){

        scroll_Info.innerHTML +=  "<ul align='left'><ul data-scroll='x' class='double-block-view-h'><li class='square'>1</li></ul>";
        }
 $("#scroll_Info").scrollview();

       }
    }

Я отображаю эту информацию в ul:

 <ul id="scroll_Info"></ul> 

но не отображается правильно, что я делаю не так?