title: Bootstrap tooltip for form validation
body: <p>I am fairly new to bootstrap and cant seem to get this right. I am using tooltip javascript functionality, on form validation, which popsup when there is validation errors in the input field, i want tooltip to appear when ever there is validation check errors in the input field onBlur and disappear on focus</p>
  
  <p>My HTML is:</p>
  
  <pre><code>&lt;input class="span2" id="formName" rel="tooltip" data-placement="top" type="text"  placeHolder="" onBlur="return validateName();" &gt;
  </code></pre>
  
  <p>my javascript is</p>
  
  <pre><code>function validateName()
          {
          var x=document.getElementById("formName").value;
          if (x==null || x==""){
            $('#formName').tooltip({ 'title': 'Name Must Not Be Empty!' });
          } else { $('#formName').tooltip('hide') }   
      }
  </code></pre>
  
  <p>Currently it is following default behaviour of appearing on mouseover, i want to make it appear whenever cursor leaves the input filed</p>