title: Difference between <ion-list> and <div class="list"> in Ionic framework?
body: <p>I'm building an app with the <a href="http://ionicframework.com/" rel="noreferrer">Ionic Framework</a>. I started off with the standard ionic tabs starter project as described in <a href="http://ionicframework.com/getting-started/" rel="noreferrer">the getting started guide</a>. In a list I now want to put a divider <a href="http://ionicframework.com/docs/components/#item-dividers" rel="noreferrer">as described here</a>:</p>
  
  <pre><code>&lt;div class="list"&gt;
    &lt;div class="item item-divider"&gt; &lt;!-- this creates the divider --&gt;
      Candy Bars
    &lt;/div&gt;
    &lt;a class="item" href="#"&gt;
      Butterfinger
    &lt;/a&gt;
    ...
  &lt;/div&gt;
  </code></pre>
  
  <p>to my surprise however, the pre generated code in my list looks like this:</p>
  
  <pre><code>&lt;ion-list&gt;
    &lt;ion-item class="item-toggle"&gt;
      Enable Friends
      &lt;label class="toggle"&gt;
        &lt;input type="checkbox" ng-model="settings.enableFriends"&gt;
        &lt;div class="track"&gt;
          &lt;div class="handle"&gt;&lt;/div&gt;
        &lt;/div&gt;
      &lt;/label&gt;
    &lt;/ion-item&gt;
  &lt;/ion-list&gt;
  </code></pre>
  
  <p>So this made me wonder: what is (if any) the difference between <code>&lt;ion-list&gt;</code> and <code>&lt;div class="list"&gt;</code>?</p>
  
  <p>In line with the pre-generated code I tried to create a divider using <code>&lt;ion-divider&gt;</code>, but that didn't work. So I resided to <code>&lt;div class="item item-divider"&gt;</code> which works fine. I just wonder what the difference is between these "magic" <code>&lt;ion-xxx&gt;</code> tags and the traditional <code>&lt;div class="xxx"&gt;</code> tags?</p>
  
  <p>Any information is welcome!</p>