title: Create input as child of input
body: <p>Is it possible to create a button that is the child of an text?</p>
  
  <pre><code>&lt;input type="text"&gt;
      &lt;input type="button" /&gt;
  &lt;/input&gt;
  </code></pre>
  
  <p>The reason I ask is I would like to make a combo box. See <a href="http://jsfiddle.net/Sw6FQ/1/" rel="noreferrer">this fiddle</a>. Doing this in jquery, the button does not appear. Doing it in regular html, the 2nd input is not a child of the first (in Chrome at least).</p>
  
  <p>I could put a text and button in a span, but I prefer to create the text box like in the example so later the value can be retrieved like: $("#test).val();</p>
  
  <p>PS I know other combo box plugins exist. I would like to roll my own for learning purposes.</p>