hello, I have this javascript. It is working when hosted on my local machine however when I upload it online, it does not work.
It is basically a script that lets users tag their friends. When a user presses '@' a list comes up displaying their friends and they can then select and add into to the form.
Code:
<script type="text/javascript">
    $(function() {

function split(val) {
    return val.split(/(@)/);
}

function extractLast(term) {
    return split(term).pop(/,\s*/);
}

$("#post")
// don't navigate away from the field on tab when selecting an item
.bind("keydown", function(event) {
    if (event.keyCode === $.ui.keyCode.TAB && $(this).data("autocomplete").menu.active) {
        event.preventDefault();
    }
}).autocomplete({
    minLength: 0,
    
                    
    source: function(request, response)
    
    
     {
         
        var term = request.term,
            results = [];
        if (term.indexOf("@") >= 0) {
            
            term = extractLast(request.term);
            if (term.length > 0) {
                  $.getJSON( "friends_json.php", {
                        term: extractLast( request.term )
                    }, response );
            } else {
                results = ['Start typing...'];
            }
        }
        response(results);
    },
    focus: function() {
        // prevent value inserted on focus
        return false;
    },
    select: function(event, ui) {
        var terms = split(this.value);
        // remove the current input
        terms.pop();
        // add the selected item
        terms.push(ui.item.value);
        // add placeholder to get the comma-and-space at the end
        terms.push("");
        this.value = terms.join("");
        return false;
    }
});    });