slick slider not initializing in Internet Explorer 8

This is the code I have, any reason why this might be? It's just not initalising.

<div class="slider-banner slick-slider">
    <div class="slide1 slide slick-slide">
        ...
    </div> 
    <div class="slide2 slide slick-slide"></div> 
    ...

    <script src="http://ift.tt/1h847p1"></script>
    <script src="../scripts/slick.min.js"></script>

$('.slider-banner').slick({ 
    dots: false,
    infinite: true,
    speed: 600,
    mobileFirst: true,
    slidesToShow: 3,
    slidesToScroll: 3,        
    onInit: function() {
        $('.slider-banner').addClass("loaded");
    },
    responsive: [{
        breakpoint: 1280,
        settings: {
            slidesToShow: 5,
            slidesToScroll: 1,
        }
    }, {
        breakpoint: 1600,
        settings: {
            slidesToShow: 7,
            slidesToScroll: 1,
        }
    }]
});