title: Parsing a website with Jsoup that dynamically loads as the user scrolls
body: <p>I'm working on a project that displays song names and a link to that song by parsing a website using Jsoup. The only problem is, I can only get the first 10 elements that I want from that website because as you scroll down, the website generates more elements. The specific website I'm trying to parse is a music site called <a href="http://trapped.io/" rel="nofollow">TrappedIO</a>. You'll notice when viewing the website that when you scroll down, more song names and images appear. When I use inspect element in chrome, I see that as I scroll, it generates more of elements I'm trying to parse. </p>
  
  <p>The CSS Path of what I'm parsing: #content > div.container > div > div:nth-child(index of element)</p>
  
  <p>The problem is when I get this website with Jsoup using this method,</p>
  
  <pre><code>Document doc = Jsoup.connect(url).get();
  </code></pre>
  
  <p>HTML returned from Jsoup: <a href="http://pastebin.com/E0z711yi" rel="nofollow">Pastebin</a></p>
  
  <p>Only the first 10 elements I want to parse are returned, along with all the other HTML.
  To be more specific, I'm parsing using Jsoup in an AsyncTask, then populating a ListView with the parsed data.</p>
  
  <p>Any ideas? Any suggestions on how to load everything at once? Any response is very much appreciated, thanks.</p>