Jquery tagEditor autocomplete problem

<script>
 $(document).ready(function(){
            var availableTags = [
            "ActionScript",
            "AppleScript",
            "Asp",
            "BASIC",
            "C",
            "CPP",
            "Clojure",
            "COBOL",
            "ColdFusion",
            "Erlang",
            "Fortran",
            "Groovy",
            "Haskell",
            "Java",
            "JavaScript",
            "Lisp",
            "Perl",
            "PHP",
            "Python",
            "Ruby",
            "Scala",
            "Scheme"
        ];
        
         $.widget("ui.autocomplete", $.ui.autocomplete, {
            _renderItem: function (ul, item) {
                return $("<li>")
                    .append("<a><img heght="100" width="100" src="https://img.codeshelper.com/upload/img/2021/03/03/hqhxw1fxpl33148.jpg@900w_1l_2o_100sh.jpg" />" + item.label + "<br>fuck</a>")
                    .appendTo(ul);
           }
        }); 

        
        $("-sharpVideoDirectors").tagEditor({
            autocomplete: {
                delay: 0,
                position: { collision: "flip" },
                source: availableTags
            },
            delimiter: ",",
            placeholder: "..."
        });

        $("-sharpVideoScreenwriters").tagEditor({
            autocomplete: {
                delay: 0,
                position: { collision: "flip" },
                source:availableTags
            },
            delimiter: ",",
            placeholder: "..."
        });
 });
</script>

only want VideoDirectors to rewrite _ renderItem do not want VideoScreenwriters to rewrite _ renderItem

Mar.03,2021
Menu