i have created sharepoint page and inserted text box using content editor webpart with title of FilterTextBox

<input type="text" title="FilterTextBox"/>

and i have inserted below script using Script Editor web part

<script language="javascript" type="text/javascript">
    $(document).ready(function() {
        $().SPServices.SPAutocomplete({ 
            sourceList: "Country",
            sourceColumn: "Title",
            columnName: "FilterTextBox",
            ignoreCase: true,
            numChars: 3,
            slideDownSpeed: 1000,
            debug: true
        });
    });
</script>

but i get the following error when page load

Uncaught TypeError: Cannot read property 'find' of undefined

wht might be wrong with my code ? thanks .

I have created a SharePoint page and inserted text box using content editor web part with title of FilterTextBox

<input type="text" title="FilterTextBox"/>

and I have inserted below script using Script Editor web part

<script language="javascript" type="text/javascript">
    $(document).ready(function() {
        $().SPServices.SPAutocomplete({ 
            sourceList: "Country",
            sourceColumn: "Title",
            columnName: "FilterTextBox",
            ignoreCase: true,
            numChars: 3,
            slideDownSpeed: 1000,
            debug: true
        });
    });
</script>

but I get the following error when page load

Uncaught TypeError: Cannot read property 'find' of undefined

what might be wrong with my code ? thanks .