I want to have a support form use the content of the 'problem title' field as a trigger to add a div below with possible answers just as StackOverflow does when you submit a new question.
To clarify, I do not want the suggested answers to be presented as a 'auto-complete' option, I want them to appear below as a suggested answer.
The markup in the page might be something like:
<input type="text" value="" placeholder="Your problem in brief">
<div id="PossibleAnswers" class="hidden">
<ul>
<li><a href="#">Possible answer 1</a></li>
<li><a href="#">Possible answer 2</a></li>
<li><a href="#">Possible answer 3</a></li>
</ul>
</div>
As the user starts to type the summary of their problem the div below would populate with suggested answers.
I managed to get something up and running, here's what I ended up with:
This was then triggered using the 'Type Watch' plug-in for jQuery (https://github.com/dennyferra/TypeWatch):