title: Data-Bind List-View using Knockout inside a Collapsible Set
body: <p>I want to have a <strong>list view</strong> inside a <strong>collapsible-set</strong> and I want to bind the data to the list view using <strong>knockout.js</strong>. Please can anyone help me regarding this with a simple example. I want to bind data in place of <strong>Content 1</strong>, <strong>Content 2</strong> and <strong>Content 3</strong> of the below code.</p>
  
  <pre><code>&lt;div data-role="collapsible-set" data-collapsed="false" data-icon="" data-expanded-icon="carat-u" data-collapsed-icon="carat-d" data-iconpos="right"&gt;
                  &lt;div data-role="collapsible"&gt;
                      &lt;h3&gt;Collapsible 1&lt;/h3&gt;
                      &lt;div data-role="listview"&gt;
                          &lt;p&gt;Content 1&lt;/p&gt;
                      &lt;/div&gt;
  
                  &lt;/div&gt;
                  &lt;div data-role="collapsible"&gt;
                      &lt;h3&gt;Collapsible 2&lt;/h3&gt;
                      &lt;div data-role="listview"&gt;
                          &lt;p&gt;Content 2&lt;/p&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
                  &lt;div data-role="collapsible"&gt;
                      &lt;h3&gt;Collapsible 3&lt;/h3&gt;
                      &lt;div data-role="listview"&gt;
                          &lt;p&gt;Content 3&lt;/p&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
  </code></pre>