title: How to change the title of input based on the input being typed?
body: <p>I've an empty input box where I can type whatever I want to. When I hover my mouse on the input it should show title as the text present in input box.</p>
  
  <pre><code>&lt;input type="text" /&gt;
  </code></pre>
  
  <pre class="lang-js prettyprint-override"><code>$(document).ready(function() {
      $('input').mouseover(function() {
          var $txt = $('input').text();    
          $('input').attr('title', $txt);
      })
  })
  </code></pre>
  
  <p><kbd><a href="http://jsfiddle.net/iamraviteja/bFw2h/69/" rel="nofollow"><strong>Live Demo</strong></a></kbd></p>