title: How to clone typed/typing values from input box and mask it as asterix (*) using jquery
body: <p>How can i clone the typed/typing values from input text box and fake the values into asterix (*). </p>
  
  <p>Scenario 1: <a href="http://jsfiddle.net/cs92h03s/" rel="nofollow">http://jsfiddle.net/cs92h03s/</a> (when initially loading)</p>
  
  <pre><code>&lt;input type="text" class="input" /&gt;
  &lt;span class="input-close"&gt;&lt;/span&gt;
  </code></pre>
  
  <p>Scenario 2: <a href="http://jsfiddle.net/cs92h03s/1" rel="nofollow">http://jsfiddle.net/cs92h03s/1</a> When started to enter values on input.</p>
  
  <pre><code>&lt;input type="text" class="input" value="abcd" /&gt;
  &lt;span class="input-close"&gt;****&lt;/span&gt;
  </code></pre>
  
  <p>Please help!</p>