title: bootstrap toggle inside bootstrap table
body: <p>I am using a bootstrap toggle styled checkbox (data-toggle="toggle"). This has been working perfectly, no problems. However, if I put this checkbox inside of a bootstrap table (data-toggle="table") the bootstrap toggle checkbox no longer functions properly.<br>
  Specifically, the change event fires but the checkbox/button no longer displays the sliding On/Off behavior. I have narrowed this down to happening only when the containing table has the data-toggle="table" element.<br>
  Has anyone encountered this and come up with a solution?<br>
  Here is my jsFiddle demonstrating this problem:
      <a href="https://jsfiddle.net/melaniedyoung/fwsvrxgo/7/" rel="nofollow noreferrer">JSFiddle</a></p>
  
  <p>html:</p>
  
  <pre><code>&lt;div class="cDemo"&gt;
  &lt;div id="toolbar"&gt;
  &lt;span&gt;This first table demonstrates the problem&lt;/span&gt;
  &lt;/div&gt;
  &lt;table class="table config-table"
     data-toggle="table"
     data-sort-name="Name"
     data-sort-order="asc"
     data-toolbar="#toolbar"
     data-search="true"
     data-search-text=""
     data-pagination="true"
     data-page-size="5"
     data-page-list="[5,10,15]"
     id="configTable"&gt;
  &lt;thead&gt;
    &lt;tr&gt;
  &lt;th data-field="Enable"&gt;Enable&lt;/th&gt;
  &lt;th data-field="Name"&gt;Name&lt;/th&gt;
    &lt;/tr&gt;
  &lt;/thead&gt;          
    &lt;tr&gt;
    &lt;td&gt;
    &lt;span class="label label-pill pull-left"&gt;
      &lt;input id="toggle-trigger" 
            checked="checked"
             data-toggle="toggle"
             class="on-off-btn"
             data-size="mini"
             data-onstyle="danger"
             data-offstyle="default"
             type="checkbox" /&gt;
    &lt;/span&gt;
  &lt;/td&gt;
  &lt;td&gt;File Name&lt;/td&gt;
  &lt;/table&gt;
  &lt;/div&gt;
  &lt;div id="showResponse1"&gt;&lt;/div&gt;
  </code></pre>
  
  <p>jquery:</p>
  
  <pre><code>$('.on-off-btn').bootstrapToggle({
    on: 'On',
    off: 'Off'
  });
  
  $('.cDemo').on("change","#toggle-trigger",function(e){
      var link = $(e.target);
      $('#showResponse1').html('Toggle: ' + link.prop('checked'));
  });
  </code></pre>