Slick – Custom Arrow Navigation

jQuery(function($){

	// Slick
	$('.home .featured-posts .slick-slider').slick({
		arrows: false,
	});

	// Custom carousel nav
	$('.carousel-prev').click(function(){ 
		$(this).parent().find('.slick-slider').slick('slickPrev');
	} );
	
	$('.carousel-next').click(function(e){
		e.preventDefault(); 
		$(this).parent().find('.slick-slider').slick('slickNext');
	} );
});

<div class="slick-container">
	<div class="slick-slider">[slides go here]</div>
	<button class="carousel-nav carousel-prev"><?php echo ea_icon( 'previous' );?></button>
	<button class="carousel-nav carousel-next"><?php echo ea_icon( 'next' ); ?></button>
</div>