title: Search suggestion html input
body: <p>I actually working on a website-project. Behind my website, I´ve got a database with recipes. </p>
  
  <p>Now to my problem: on the top of my page, I´ve got a textarea, with which it should be possible to search recipes in the database. 
  My database gives back the following JSON-Object:</p>
  
  <pre><code>{"Data":{"Recipes":{"Recipe_7":{"ID":"7","TITLE":"Wurstel"},"Recipe_43":{"ID":"43","TITLE":"Wurstel2"}}},"Message":null,"Code":200}
  </code></pre>
  
  <p>I´ve already parsed it that I only have the title:</p>
  
  <pre><code>  if (xmlhttp.readyState==4 &amp;&amp; xmlhttp.status==200)
  
      {
         var obj = jQuery.parseJSON(xmlhttp.responseText);
      var str="";
      $.each(obj.Data.Recipes, function(){
      str += this.ID + "&lt;br/&gt;";
      str += this.TITLE + "&lt;br/&gt;&lt;br/&gt;";
          });
      document.getElementById("txtHint").innerHTML = str;
      document.getElementById("txtHint").style.border="1px solid #A5ACB2";
      }
  </code></pre>
  
  <p>What I don´t know now is, how to write the str string into a dropdown beneath the search-textarea. What type of element is this? </p>