title: Manually trigger Bootstrap tooltip for checkbox elements
body: <p>I am building a "custom" validation module(s) for my web application. I am attaching a change listener to all my checkbox elements. When the change event happens, I check to see if the input is required - if the element is not checked, the element fails validation. This is working perfectly when I manually click any given checkbox. The tooltip shows/destroy as planned.</p>
  
  <p>I am attempting to get the same functionality when the submit button is clicked. The system is seeing that a tooltip (should) get rendered - but it isn't. It's like I need to trigger a click event, but if I do that on a checkbox element - the element will become selected. Not exactly the functionality any user wants. Im not sure how I can pass in a click, without actually clicking anything.     </p>
  
  <p>Here is how I am calling my toolip if any given element is invalid:</p>
  
  <p><strong>Validation.js</strong></p>
  
  <pre><code>Tooltip.initialize($element, {'trigger': 'click', 'placement': 'bottom', 'title': Messages[$element.attr('name') + 'Required']});
  </code></pre>
  
  <p>Here is the code to init &amp; show any given tooltip:</p>
  
  <p><strong>Tooltip.js</strong></p>
  
  <pre><code>initialize: function($element, options) {
          (Tooltip.debug) ? console.log('-- initialize --') : null;
          (Tooltip.debug) ? console.log('tooltip for: ' + $element.attr('name')) : null;
  
          var that = this;
  
          $('#' + $element.attr('name')).tooltip({
              'placement': options.placement,
              'title': options.title,
              'trigger': options.trigger
          }).on({
              'blur': function() {
                  switch ($element.attr('type'))
                  {
                      case 'checkbox':
  
                          break;
                      case 'email':
                          that.show($element);
                          break;
                      case 'password':
                          that.show($element);
                          break;
                      case'tel':
                          that.show($element);
                          break;
                      case 'text':
                          that.show($element);
                          break;
                      default:
                          break;
                  }
              },
              'focus': function() {
                  that.destroy($element);
              }
          });
  
  ....
  
  show: function($element) {
          $('#' + $element.attr('id')).tooltip('show');
      },
  destroy: function($element) {
          $('#' + $element.attr('id')).tooltip('destroy');
      }
  
  ....
  </code></pre>