title: How to put bootstrap tooltip on textbox if validation fails for that textbox?
body: <p>I want to Perform Validation on textbox if there is no value(empty).</p>
  
  <p>I want to display Tooltip on textbox if validation fails.</p>
  
  <p>This is my textbox:</p>
  
  <pre><code>&lt;input type="text"  id="txtNo1" /&gt;
  &lt;input type="text"  id="txtNo2" /&gt;
  &lt;input type="text"  id="txtNo3" /&gt;
  
  &lt;input type="button" onclick="return ManipulateValue();"&gt;
  
  
  
  function ManipulateValue() {
          var isValid = true;
           $('#txtNo1,#txtNo2,#txtNo3').each(function () {
              if ($.trim($(this).val()) == '') {
                  isValid = false;
                  $(this).css({
                      "border": "1px solid red",
                      "background": "#FFCECE"
                  });
                  $(this).tooltip('show'); //not working
              }
              else {
                  $(this).css({
                      "border": "",
                      "background": ""
                  });
                  //$(this).tooltip('hide'); //not working
              }
          });
          if (isValid == false) {
              return false;
          }
         //ajax call to my controller method
       return true;
  }
  </code></pre>
  
  <p>I have checked example of bootstrap tooltip and even tried it but it is not working.</p>
  
  <p>So how to use bootstrap tooltip for validation of my textboxes??</p>