New Post: Error: Column is not an input control or is not found on page. Autocomplete

Hi,

I'm trying to implement an autocomplete feature in my infopath form in sharepoint. Below is my code:

<script src="../Documents/jquery-1.7.1.min.js" type="text/javascript"></script>
<script src="../Documents/jquery.SPServices-0.7.0.min.js" type="text/javascript"></script>
<script type="text/javascript">

window.onload = function(){
    window.setTimeout(readyCall, 1000);
}

function readyCall(){

    $().SPServices.SPAutocomplete({
        sourceList: "States",
        sourceColumn: "Title",
        columnName: "Title",
        numChars: 2,
        ignoreCase: true,
        slideDownSpeed: 100,
        debug: true
    });
 } 
</script> 

These script references and script (above) are located directly below the tag:

<asp:Content ContentPlaceHolderId="PlaceHolderMain" runat="server"> 

of the newifs.aspx file (which I accessed with SharePoint Designer).

I can't for the life of me understand what the problem is. When I try to use the form, with this autocomplete script, a debug window is displayed telling me it can't find the column I have specified. i.e. "Column is not an input control or is not found on page."

I've tried different columns, while verifying that they are text fields and still I can't seem to get the script working.

Any help would be very appreciated. Please keep in mind I'm new to all these development technologies (JQuery, SharePoint, SharePoint Designer, InfoPath).

Thanks!