problem with dividers

problem with dividers

in the next file when i run it . the list it create for me have two name 'house' and 'tree'. the problem that the list is not autodividers , only when i search for name in the list it make the list with dividers

  2. <!DOCTYPE html>
  3. <html>
  4. <head>
  5.     <title>First jQuery Mobile Example</title>
  6.     <!-- the three things that jQuery Mobile needs to work -->
  7.     <link rel="stylesheet" href="jquery.mobile-1.4.2/jquery.mobile-1.4.2.css" />
  8.     <script src="jquery-1.11.0.js" type="text/javascript"></script>
  9.     <script src="jquery.mobile-1.4.2/jquery.mobile-1.4.2.js" type="text/javascript"></script>
  10.     <meta name="viewport" content="width=device-width"/>
  11. </head>
  12. <body>


  15. <!-- This is the first page -->
  16. <section id="firstpage" data-role="page">
  17.     <div data-role="header">
  18.         <h1>Page Content Header</h1>
  19.     </div>

  21.     <ol data-role="listview" data-autodividers="true" data-filter="true" data-inset="true" id="listOfItemes">
  22.     </ol>

  24.     <div class="ui-content" role="main">
  25.         <p>This is the content on page 1</p>
  26.         <p><a href="#secondpage">Go to second page</a></p>
  27.     </div>
  28.     <div data-role="footer">
  29.         <h2>Page Content Footer</h2>
  30.     </div>
  31. </section>

  33. <!-- This is the second page -->
  34. <div id="secondpage" data-role="page">
  35.     <div data-role="header">
  36.         <h1>Page Content Header</h1>
  37.     </div>
  38.     <div class="ui-content" role="main">
  39.         <p>Page 2 has different content on it</p>
  40.         <p><a href="#firstpage">Go to first page</a></p>
  41.     </div>
  42.     <div data-role="footer">
  43.         <h2>Page Content Footer</h2>
  44.     </div>
  45. </div>

  47. <script>
  48.     var output = '';

  50.     $.ajax({
  51.         url: 'https://c9.io/a1_shay/blabla/workspace/myFirstJson.json',
  52.         dataType: 'json',
  53.         type: 'get',
  54.         cache: false,
  55.         success: function(data)
  56.         {
  57.             $(data.articles).each(function(index, value)
  58.                     {
  59.                         output += '<li>' + value.name + '</li>';
  60.                     }

  62.             )
  63.             console.log(output);
  64.             var update = document.getElementById('listOfItemes');
  65.             update.innerHTML = output;
  66.         }
  67.     })
  68. </script>

  70. </body>
  71. </html>