Javascript - Functions Conflict

Question

I use Filtrify plugin for filtering by advanced tag. This link is an example I used.

I focus this script on html file

$(function() {
    $.filtrify("container", "placeHolder");
});

and

<div id="placeHolder"></div>
<ul id="container">...</ul>

When I add the script code below on html file, it only show <ul id="container"> not show <div id="placeHolder">.

My script I added

function $(element) {
    return document.getElementById(element);   
}

Please explain why and how can I add the script above?

Answer 1

You can't have jQuery and your own function both providing a value for a variable called $.

Rename one of the $ functions.