autocomplete textbox to a list of objects using jquery issue
<pre><code> $.ajax({
            url: '/api/LLCReport/GetClientRegionsList?levelTypeName=' + $("#ddlLevel option:selected").text(),
            async: true,
            success: function (regionList) { 
                $("#txtSearchBox").autocomplete({
                    minLength: 1,
                    source: regionList,
                    focus: function (event, ui) {
                        $("#txtSearchBox").val(ui.item.RegionDisplayName);
                        return false;
                    },
                    select: function (event, ui) {
                        $("#txtSearchBox").val(ui.item.RegionDisplayName); 
                        return false;
                    },
                    search: function (event, ui) {
                        return true;
                    }
                })

                        .data("autocomplete")._renderItem = function (ul, item) {
                            return $("&lt;li&gt;")
                                .data("item.autocomplete", item)
                                .append("&lt;a&gt;" + item.RegionDisplayName + "&lt;br&gt;&amp;nbsp&amp;nbsp&amp;nbsp&amp;nbsp" + item.RegionPath + "&lt;/a&gt;")
                                .appendTo(ul);
                        };
                //                $("#txtSearchBox").autocomplete(regionList);
            }
        });
</code></pre>

<p>My problem is iam unable to search properly..search is working for o,t,e latters and not for others..iam unable to understand this issue ,,please help.</p>

<p>regionlist contain objects ,where each object contains 2 property values</p>

<pre><code> Displayname  path
----------   -------
eastern         east-sdkjf
western          west-sdfsf
</code></pre>

<p>Thanks in advance,</p>
