Jquery autocomplete in format tabelar

Am decis sa scriu cateva mici aricole la cateva zile in care sa prezint chestii interesante deja create si distribuite ca opensource, in acest mic articol voi prezenta un plugin jquery pentru autocompletare care afiseaza datele in formatul unui tabel, mai jos o sa prezint un cod de exemplu :

 
<html>
    <head>
        <title>Micul Programator Autocomplete plugin</title>
        <link rel="stylesheet" type="text/css" href="tautocomplete.css" />
        <script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>
        <script src="tautocomplete.js" type="text/javascript"></script>
        <script type="text/javascript">
            $(document).ready(function () {
                var search = $("#masina").tautocomplete({
                    columns: ['Masina', 'An'],
                    data: function () {
                        var data = [
                            {"id": 1,"masina":"VW Passat",'an': "2000"},
                            {"id": 2,"masina":"VW Golf",'an': "2010"},
                            {"id": 3,"masina":"VW Up",'an': "2012"}
                        ], retalted = [];
 
                        var searchData = eval("/" + search.searchdata() + "/gi");
 
                        $.each(data, function(index,obj) {
                            if (obj.masina.search(new RegExp(searchData)) != -1) {
                                retalted.push(obj);
                            }
                        });
 
                        return retalted;
                    },
                    onchange: function () {
 
                        $("#tip-masina").html(search.text());
                    }
                });
            });
        </script>
    </head>
 
    <body>
        <div>
            <input type="text" id="masina"/><br /><br />
            Masina: <span id="tip-masina"></span><br />
        </div>
    </body>
</html>