title: HTML + Add input field inside a dropdown box
body: <p>A new idea came across my mind.Someone may have implemented this. I am trying to get a way to add a textbox inside a dropdown list.</p>
  
  <p>Means I want to add a input box inside a dropdown list. For example :</p>
  
  <pre><code>&lt;select id='country'&gt;
    &lt;option value='USA'&gt;USA&lt;/option&gt;
    &lt;option value='UK'&gt;UK&lt;/option&gt;
    &lt;option value='Russia'&gt;Russia&lt;/option&gt;
    &lt;option&gt;&lt;input type='text' /&gt;&lt;/option&gt; // Here I want to add dynamic country 
                                              using ajax but I am able to render
                                              this dropdown.
  &lt;/select&gt;
  </code></pre>
  
  <p>Does anyone have any idea on how to execute this? I do not want to use any modal box or input box outside this dropdown. I just want to add the value inside the dropdown and press the enter key to add in DB. I'm not worried about the server-side code. I want to be able to render the dropdown only.</p>
  
  <p>Thanks in advance.</p>