title: jquery show popover if input's value is empty
body: <p>Please help me to solve this problem. I have few inputs and when input is unfocused and input's value is empty i want to show popover with warning.</p>
  
  <p>Here is what i've done. But its behavior is incorrect.
  Also see <a href="http://jsfiddle.net/DAhU3/12/" rel="nofollow">FIDDLE</a>.</p>
  
  <p>To reproduce my bug please follow these instructions:</p>
  
  <ul>
  <li>Focus on input #1 and then unfocuse it. Popover is showing and
  it's okay.</li>
  <li>Type something in input #1 and then unfocuse it. There is no
  popover and it's also okay</li>
  <li>Type something in input #2 and then unfocuse it, there is no
  popover also and it's okay.</li>
  <li>Focus again on input #1 and here is the popover again even input's
  value is not empty!</li>
  </ul>
  
  <p>Where am i wrong? Thanks in advance!</p>
  
  <pre><code>$('input').blur(function(){
      if( !$(this).val() ) {
          $(this).popover({
              title: 'Warning!',
              content: 'Value can not be empty',
              placement: 'bottom'
          }).popover('show');
      } else {
          $(this).popover('hide');
      }
  })
  </code></pre>