title: Adding title to has-feedback span in bootstrap
body: <p>Is there any good solution for adding title to feedback icon in forms in bootstrap?</p>
  
  <pre><code>&lt;form class="form-horizontal" role="form" action="" method="GET"&gt;
  &lt;div class="form-group has-error has-feedback"&gt;
      &lt;label class="control-label col-sm-3" for="lastname"&gt;Last name&lt;/label&gt;
      &lt;div class="col-sm-6"&gt;
          &lt;input type="text" name="lastname" class="form-control" id="lastname"&gt;
          &lt;span class="glyphicon glyphicon-remove form-control-feedback"&gt;&lt;/span&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p></p>
  
  <p>This code adds little red cross inside input field. Now I want to add title of this span (that shows up on hover) and change its cursor. What is the simplier way to do that?</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"&gt;&lt;/script&gt;
  &lt;link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css"&gt;
  &lt;script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"&gt;&lt;/script&gt;
  
  &lt;form class="form-horizontal" role="form" action="" method="GET"&gt;
   &lt;div class="form-group has-error has-feedback"&gt;
    &lt;label class="control-label col-sm-3" for="lastname"&gt;Last name&lt;/label&gt;
    &lt;div class="col-sm-6"&gt;
     &lt;input type="text" name="lastname" class="form-control" id="lastname"&gt;
     &lt;span class="glyphicon glyphicon-remove form-control-feedback"&gt;&lt;/span&gt;
    &lt;/div&gt;
   &lt;/div&gt;
  &lt;/form&gt;</code></pre>
  </div>
  </div>
  </p>