Sharepoint Custom Form Input box Autocomplete Sharepoint List

I have a Sharepoint List named ListName, i am the admin of the site so i have full permissions. I have created a content web editor with my own html file inside, the code is below. I want to when i type in a name, it searches the sharepoint list column "SuggestedName" and shows all the recommendations using Jquery Autocomplete, no box currently shows and annoyingly it takes ages for one letter to type.

The errors are:

• Cannot read property 'find'

• Maximum call stack size reached

• SP.UI.UIUtility.isSvgNode is not a function

But I am not sure if these are actually relative.

<script type="text/javascript" src="/_layouts/15/init.js"></script> <script type="text/javascript" src="/_layouts/15/MicrosoftAjax.js"></script><script type="text/ecmascript" src="/_layouts/SP.Core.JS"></script> <script type="text/javascript" src="/_layouts/15/sp.runtime.js"></script><script type="text/javascript" src="/_layouts/sp.js"></script> <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery.SPServices/2014.02/jquery.SPServices.js"></script>

$(document).ready(function() {
document.getElementById('poo').title = 'Test';
$().SPServices.SPAutocomplete({
    sourceList: "ListName", //The name of your List
    sourceColumn: "SuggestedName", //The name of the column you are taking the data FROM
    columnName: "Test", // The name of the column/textbox you want to apply the Autocomplete TO
    ignoreCase: true,
    numChars: 3,
    slideDownSpeed: 50,
    debug: true
});
});

</script> <input type="text" id="poo" title="Test" name="">