title: Multiple iScroll elements on same page
body: <p>I'm making a mobile website with jQtouch and iScroll.</p>
  
  <p>I wan't to get multiple scrollable areas with iScroll, but only of the lists works with iScroll...</p>
  
  <p>I tried with this: </p>
  
  <pre><code>var scroll1, scroll2;
  function loaded() {
     scroll1 = new iScroll('wrapper');
     scroll2 = new iScroll('list_wrapper');
  }
  </code></pre>
  
  <p>But without luck.
  Anyone have a solution that's working?</p>
  
  <p>My html:</p>
  
  <pre><code>&lt;div id="wrapper"&gt;
      &lt;ul&gt;
          &lt;li&gt;&lt;a href="#"&gt;Test&lt;/a&gt;&lt;/li&gt;
      &lt;/ul&gt;
  &lt;/div&gt;
  
  &lt;div id="list_wrapper"&gt;
      &lt;ul&gt;
          &lt;li&gt;&lt;a href="#"&gt;Test&lt;/a&gt;&lt;/li&gt;
      &lt;/ul&gt;
  &lt;/div&gt;
  </code></pre>