Can't load photo slider on frontpage.

Hey

Currently I am building my own theme which loads a photo slider (Coin Slider to be specific) on the front page.
After I made all the preparations the slider wouldn’t load. I don’t know what to do now.

This is my code in the header :

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.min.js"></script>
<script type="text/javascript" src="js/coin-slider.min.js"></script>

This is my code in my header DIV :

<div id="coin-slider">
                <img src="images/slide/test2.jpg" alt="" />
                <span>
				Some text2
		</span>

                <img src="images/slide/test.jpg" alt="" />
                <span>
				Some text1
		</span>
</div>

This is my code in the footer:

<script type="text/javascript">
	$(document).ready(function() {
		$('#coin-slider').coinslider({ width:980, height:320, navigation: false, delay: 5000, spw: 1, sph: 1, sDelay: 30, titleSpeed: 800 });
	});
</script>

Could someone please point me out how I am able to let this work?
Is there also a way to only let this slider appear on the home/frontpage of my website?

Greetings dragongamer54