De alguma forma, não consigo usar o carrossel liso (http://kenwheeler.github.io/slick/) corretamente.

Estou recebendo o seguinte erro:

Uncaught TypeError: $(...).slick is not a function

Estou executando o seguinte código no meu arquivo javascript:

function initSlider(){
    $('.references').slick({
        dots: false,
        infinite: true,
        speed: 300,
        slidesToShow: 1,
        autoplay: true,
        prevArrow: '<div class="slick-prev"><i class="fa fa-chevron-left"></i></div>',
        nextArrow: '<div class="slick-next"><i class="fa fa-chevron-right"></i></div>'
    });
}

Eu incluí a versão mais recente do jQuery (2.1.4) com o bower. Também tentei incluir o CDN do jQuery no cabeçalho do meu arquivo de modelo de layout, mas isso também não resolveu nada.

A única coisa estranha que pode significar algo é que, quando não uso uma função para chamar o controle deslizante, ele funciona, mas gera o erro:

Uncaught TypeError: Cannot read property 'add' of null

Eu descobri que isso significa que o código foi carregado antes do carregamento do DOM, o que está correto (eu acho).

Desde já, obrigado!

Edit: Eu criei um JSFiddle a partir do meu código:https://jsfiddle.net/brz30e77/

EDIT2: O erro persistia de vez em quando ao adicionar nova função ao meu arquivo JS. Eu finalmente tirei meu arquivo JS concatenado e descobri que havia duas versões do jQuery sendo carregadas, das quais uma era muito, muito antiga.