title: Bootstrap-confirmation not respecting options
body: <p>Just adding the bootstrap-confirmation extension for Bootstrap popover to some buttons on a project. I'm having issues with the options not being respected. I'm trying to get the popups to work as singletons and dismiss when the user clicks outside of them <code>singleton</code> and <code>data-popout</code> options, respectively - both set to true. I'm also not seeing any of my defined callback behavior happening.</p>
  
  <p>I defined the options both in the HTML tags and in a function and neither works. Still getting multiple boxes and they don't dismiss as expected.</p>
  
  <p>My JS is loaded after all other libraries and is in my <code>custom.js</code> file in my footer.</p>
  
  <p>JS is as follows:</p>
  
  <pre><code>$(function() {
      $('body').confirmation({
          selector: '[data-toggle="confirmation"]',
          singleton: true,
          popout: true
      });
      $('.confirmation-callback').confirmation({
          onConfirm: function() { alert('confirm') },
          onCancel: function() { alert('cancel') }
      });
  });
  </code></pre>
  
  <p>An example of the box implemented on a button in my HTML is the following:</p>
  
  <pre><code>&lt;a class="btn btn-danger" data-toggle="confirmation" data-singleton="true" data-popout="true"&gt;&lt;em class="fa fa-trash"&gt;&lt;/em&gt;&lt;/a&gt;
  </code></pre>
  
  <p>Any pointers would be appreciated. I even changed the default options in the <code>bootstrap-confirmation.js</code> file itself to what I want and still no luck.</p>