WordPress - it’s not working

Scratch for discussion on Facebook about some function that doesn’t work

by Krzysztof Safjanowski

HTML

<ul class="menu">
    <li><a href="#">lorem</a></li>
    <li><a href="#">ipsum</a></li>
    <li><a href="#">dolor</a></li>
</ul>

CSS

.menu {
    list-style: none;
}
.menu a {
    display: block;
}
.menu .line {
    border-left: 3px solid #f00;
    padding-left: 3px;
}

JavaScript

$(function() {
    prependLine();
});

function prependLine() {
    $(".menu li a").each(function() {
        var $this = $(this);
        $this.prepend('<span class="line"></span>'); 
    });
}