title: Bootstrap checkbuttons with icons does not works
body: <p>I have the need to add checkbuttons to my table and I want use the Bootstrap Button for this. </p>
  
  <p>I found a snippet on the web that combine icons with buttons and the JS code to define buttons behavior. Cause this code is with Glyphicons, in another discussion I asked for an alternative and I obtained it; now I'm using fontawesome.</p>
  
  <p>So, I've done this steps:</p>
  
  <ol>
  <li>Copy the folder with the min.css file in my app folder, under: <code>src/main/webapp/static/font-awesome-css/font-awesome.min.css</code></li>
  <li>Include the folder path in my home page with this syntax: <code>&lt;link href="../../static/font-awesome-css/font-awesome.min.css" rel="stylesheet" media="screen"&gt;</code></li>
  <li>Use this snippet: <a href="https://bootsnipp.com/snippets/7nQMK" rel="nofollow noreferrer">BootStrap Checkbutton With Icons</a>; in particular, I used only one button in my Data Table, this one:</li>
  </ol>
  
  <p><code>{
                          "data":   null,
                          "render": function ( data, type, full, meta ) {
                              return '&lt;span class="button-checkbox"&gt;&lt;button type="button" class="btn" data-color="primary"&gt;Select&lt;/button&gt;&lt;input type="checkbox" style="display: none" checked /&gt;&lt;/span&gt;';
                          }
                      },</code> 
  while for the JS function i tried both an external file to include and to put directly inside the data table file.</p>
  
  <p>Well, the problem is that when i load my app, the button does not have the icons, does not change after click and it's not selected: at start, this is the situation (the not working button is "Select"):</p>
  
  <p><a href="https://i.stack.imgur.com/7WjUv.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/7WjUv.png" alt="check not working"></a></p>
  
  <p>Can you see the grey buttn without icons? Well, after clicking the situation does not change.</p>
  
  <p>What I am doing wrong?</p>
  
  <p>UPDATE 01 Sept: seems that the problem is where the js code is putted.
  As first try, I've putted it in the section where I define the table printing; the results are showed after a form interaction, so I've associted the code with the submit button behavior. The problem persist, but I've noticed a change: when the table appair, for 2 second the button are showed correctly and then they became grey.</p>