title: How to put div inside input type text
body: <h2>How can i put a div inside text field of a html form</h2>
  
  <pre><code>&lt;h2&gt;Skills&lt;/h2&gt;
  &lt;label for="skills"&gt;Choose your skills&lt;/label&gt;
  &lt;input id="skills" type="text"/&gt;
  </code></pre>
  
  <p>Please note my english is not good. So i can't tell you more.</p>
  
  <p>I just want to render each skill in each div.</p>
  
  <p>my jquery code(separated by comma) is :</p>
  
  <pre><code>$("input#skills").keydown(function(e){
     if(e.which===188){
        var skbl = $.trim($("input#skills").val());
        $("input#skills").append("&lt;div style='background:green;'&gt;"+skbl+"&lt;/div&gt;");
  });
  </code></pre>