title: Knockout Compose Binding
body: <p>I have a main view in which I am using knockout compose binding to include another view.</p>
  
  <pre><code> &lt;div&gt;
      &lt;div data-bind="compose: {
                      model: 'viewmodels/sharedChart',
                      activate: true
                      }"&gt;
  
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>The view that is included using knockout compose binding has a progress bar modal (twitter bootstrap).</p>
  
  <pre><code>&lt;div class="modal hide fade" id="chartsLoading"&gt;  
       &lt;div class="modal-header"&gt; 
           Loading charts.....
       &lt;/div&gt;
       &lt;div class="modal-body"&gt;  
          &lt;div class="progress progress-striped active page-progress-bar"&gt;
              &lt;div class="bar" style="width:60%"&gt;&lt;/div&gt;
       &lt;/div&gt;
      &lt;/div&gt;
  </code></pre>
  
  <p></p>
  
  <pre><code>vm.getCharts = function () {
          $('#chartsLoading').modal('show');
          };
  </code></pre>
  
  <p>I do not see any modal when the vm.getCharts function is called. Is it happening because the view with progress bar modal is loaded using compose binding ?</p>