title: Place drop down menu inside a text box or text area
body: <p>I'm trying to place a <strong>drop down menu</strong> inside a textbox which I created using <strong>HTML</strong> , but I have no idea how to do coding for that.</p>
  
  <p>I found a way to place a image inside a text area but nothing for dropdown menu.</p>
  
  <pre><code>$('input:text').css('background','#fff url(images/back.png) center right no-repeat');
  </code></pre>
  
  <p>my idea is to place a drop down menu inside a search box, so user can select what category to search. example: music, video, pictures. but the selection drop down menu should be inside the search box.</p>
  
  <p>my drop down menu code is</p>
  
  <pre><code>      &lt;li class="dropdown"&gt;
          &lt;a href="#" class="dropdown-toggle" data-toggle="dropdown"&gt;Dropdown &lt;b class="caret"&gt;&lt;/b&gt;&lt;/a&gt;
          &lt;ul class="dropdown-menu"&gt;
            &lt;li&gt;&lt;a href="#"&gt;Action&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href="#"&gt;Another action&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href="#"&gt;Something else here&lt;/a&gt;&lt;/li&gt;                &lt;/ul&gt;
        &lt;/li&gt;
  </code></pre>
  
  <p>Any suggestions for what I'm trying to do?</p>