title: How to change <select> tag into <input> in jQuery
body: <p>well iam looking for some jQuery code.</p>
  
  <p>i am making select</p>
  
  <pre><code>&lt;select id="questionBox"  name="questionBox"&gt;
        &lt;option selected="selected" value="-"&gt;------------------------&lt;/option&gt;
        &lt;option value="Create your own question"&gt;Create your own question&lt;/option&gt;
        &lt;option value="-"&gt;------------------------&lt;/option&gt;
        &lt;option value="What is your mothers name?"&gt;What is your mothers name?&lt;/option&gt;
        &lt;option value="What is your fathers name?"&gt;What is your fathers name?&lt;/option&gt;
        &lt;option value="What is your pet name?"&gt;What is your pet name?&lt;/option&gt;
  &lt;/select&gt;
  </code></pre>
  
  <p>i just want when someone click on "Create your own question" this selection box change into input box to, so then user can easily define his own question.</p>
  
  <p>please kindly help me to solve this problem.</p>
  
  <p>Thank you.</p>