How to close the box if click anywhere?
<p>I have an code that the function is autosuggestion. This code works good. And I just want to ask You about how to close the box after I input text in the textbox. In my code when I try to click anywhere, it didn't close the box. So what I want to do is when I click anywhere so the box must be close.</p>

<p>Here is my jQuery:</p>

<pre><code>$(document).ready(function() {
    $(".text_search").keyup(function() {
        var searchbox = $(this).val();
        var dataString = 'searchword=' + searchbox;
        if (searchbox == '') {} else {
            $.ajax({
                type: "POST",
                url: "search1.php",
                data: dataString,
                cache: false,
                success: function(html) {
                    $("#display").html(html).show();
                }
            });
        }
        return false;
    });
});​
</code></pre>

<p>HTML:</p>

<pre><code>&lt;div class="search"&gt;
&lt;form method="get" action="search.php" autocomplete="off"&gt;
&lt;input class="text_search" type="text" name="q" id="q" value="Search people" onfocus="if (this.value == 'Search people') {this.value = '';}" onblur="if (this.value == '') {this.value = 'Search people';}"&gt;
&lt;/form&gt;
&lt;/div&gt;

&lt;div id="display"&gt;
&lt;/div&gt;
</code></pre>
