title: How can I give different color for each letter in a text field?
body: <p>I have an input text field like <a href="http://jsfiddle.net/pranavcbalan/q7TVy/" rel="noreferrer">this</a>,</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-css lang-css prettyprint-override"><code>input {
    color: red
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>Name:
  &lt;input type="text" name="text" class="text" /&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>I want to apply different color for each letter in the input text field , If the user enters <code>hai</code> the each letter <code>h,a,i</code> the adjacent letter should have different color .Let me choose red and yellow. Is there  is any way for that in jQuery, css?</p>