Jquery autocomplete with virtual keyboard
<p>I am trying to use autocomplete with virtual keyboard (from <a href="http://keith-wood.name/keypad.html" rel="nofollow">http://keith-wood.name/keypad.html</a>)</p>

<p>If i use the actual keyboard, autocomplete works but if i use the virtual keyboard by pressing with mouse autocomplete does not work. (On both cases virtual keyboard gets displayed perfect.)</p>

<p>How can i sort this out?</p>

<pre><code>&lt;style type="text/css"&gt;
@import "keyboard/jquery.keypad.css";
&lt;/style&gt;
&lt;script type="text/javascript" src="keyboard/jquery-1.4.2.js"&gt;&lt;/script&gt;


&lt;script type="text/javascript"&gt;
    function lookup(inputString) {
        if(inputString.length == 0) {
            // Hide the suggestion box.
            $('#suggestions').hide();
        } else {
            $.post("rpc.php", {queryString: ""+inputString+""}, function(data){
                if(data.length &gt;0) {
                    $('#suggestions').show();
                    $('#autoSuggestionsList').html(data);
                }
            });
        }
    } // lookup

    function fill(thisValue) {
        $('#inputString').val(thisValue);
        setTimeout("$('#suggestions').hide();", 200);
    }
&lt;/script&gt;

&lt;script type="text/javascript" src="keyboard/jquery.keypad.js"&gt;&lt;/script&gt;
&lt;script type="text/javascript"&gt;
$(function () {

$('#inputString').keypad();

});
&lt;/script&gt;
&lt;/head&gt;

&lt;body&gt;


    &lt;div&gt;
        &lt;form&gt;
            &lt;div&gt;
                Type your search:
                &lt;br /&gt;
                &lt;input type="text" size="30" value="" id="inputString" onkeyup="lookup(this.value);" onblur="fill();" /&gt;
            &lt;/div&gt;

            &lt;div class="suggestionsBox" id="suggestions" style="display: none;"&gt;
                &lt;img src="upArrow.png" style="position: relative; top: -12px; left: 30px;" alt="upArrow" /&gt;
                &lt;div class="suggestionList" id="autoSuggestionsList"&gt;
                    &amp;nbsp;
                &lt;/div&gt;
            &lt;/div&gt;
        &lt;/form&gt;
    &lt;/div&gt;
</code></pre>
