为什么script代码一定写在引入的下面才可运行？

<script type="text/javascript" src="jquery-2.1.4.min.js"></script>
<script src="jquery-2.1.4.min.js"></script>
<script src="bootstrap.min.js"></script> 
	<script type="text/javascript">
		$(function(){
		    $(".btn").click(function(){
		      	$("#mymodal").modal("toggle");
		    });
		});
	</script>