title: Dynamically Appending Elements to jQuery Mobile ListView
body: <p>I want to dynamically append data received via an url in JSOn format to my listview. But i can't figure out how it works.</p>
  
  <p>The mobile website retrieve the object in the following format:</p>
  
  <pre><code>[
      {"id":1, "start":"2011-10-29T13:15:00.000+10:00", "end":"2011-10-29T14:15:00.000+10:00", "title":"Meeting"}
  ]
  </code></pre>
  
  <p>In the .html i have one listview and a function, where i try to append the received data. I show only the body.</p>
  
  <pre><code>&lt;body&gt;
         &lt;div&gt;   
              &lt;ul id="listview"&gt;
                  &lt;script&gt;$.getJSON("url",
                  function(data){
                      $.each(data, function(i,data){
                          i.title.appendTo("#listview");
                      });});&lt;/script&gt; 
              &lt;/ul&gt;
          &lt;/div&gt;
  &lt;/body&gt;
  </code></pre>
  
  <p>Probably it's very easy, but i'm new to web programming and i can't figure out how that i should append the retrieved data.</p>
  
  <p>Can anyone please help me out ?</p>