title: Tooltip for disabled button on hover in jQuery?
body: <p>I have a submit button in my form which is enabled if the form is valid, otherwise, it will be in disabled state. I want to add a popup message on hover over the disabled button not enabled button. How to add it dynamically according to enable and disable state in jQuery?</p>
  
  <p>My code is in AngularJs, But I want to apply this tooltip using jQuery.</p>
  
  <p>Html markup:</p>
  
  <pre><code>&lt;button data-toggle="tooltip" title=" Please fill the mandatory fields..!" 
          type="submit" id="continue_button"
          class="submit"  
          ng-disabled="!form.$valid" ng-click="continueForm()"&gt;Submit&lt;/button&gt;
  </code></pre>
  
  <p>JS part:</p>
  
  <pre><code>$(document).ready(function() { 
      $('[data-toggle="tooltip"]').tooltip(); 
  });
  </code></pre>
  
  <p>In this case the tooltip works when the button is on enable. But I need the tooltip message should show only when the button is on disable.</p>
  
  <p>Can anyone provide the solution in jQuery?</p>