Autocomplete Search...? Possibly using jquery?
<p>Lets say I have the following code:</p>

<p>HTML:</p>

<pre><code> &lt;form name="searchForm"&gt;
   &lt;input type="text" id="Fruit" name="getFruit"/&gt;
 &lt;/form&gt;
</code></pre>

<p>Javascript:</p>

<pre><code>function Fruit(name, color){
  this.name = name;
  this.color = color;
};

var database = {};
database['banana'] = new Fruit("Banana", "Yellow");
database['apple'] = new Fruit("Apple", "Red");
database['orange'] = new Fruit("Orange", "Orange");
database['apple pear'] = new Fruit("Apple Pear", "Green");
</code></pre>

<p>How can I use an autocomplete function so that if the user types "apple", it will give them an option to select "apple" or "apple pear" from a drop down menu and populate the form textbox when you click on it? Kind of how like google gives suggestions when you try to type something.</p>

<p>I was thinking I want to use the jquery <a href="http://jqueryui.com/autocomplete/" rel="nofollow">http://jqueryui.com/autocomplete/</a> but I'm not sure how to implement it. </p>

<pre><code>$( "#Fruit" ).autocomplete({
      source: database // How would you implement this?
    });
</code></pre>

<p>This is not my full code, but last time I posted all my code it was too much to read so I created this to give just an example of what I'm trying to do.</p>
