diff --git a/app/views/music.php b/app/views/music.php
index e9d55dd..6479e19 100755
--- a/app/views/music.php
+++ b/app/views/music.php
@@ -1,5 +1,10 @@
 {% extends 'templates/default.php' %}
 
+{% block javascripts %}
+	<script type="text/javascript" src="/js/modules/music-player.js"></script>
+	<script type="text/javascript" src="/js/music.js"></script>
+{% endblock %}
+
 {% block title %}Music{% endblock %}
 
 {% block content %}
@@ -13,8 +18,8 @@
 		<noscript class="card">Woah there, lassy! You will need to enable Javascript to use this page!</noscript>
 
 		<!-- music player -->
-		<article id="music-player" class="card col-md-6 col-sm-12">
-			<audio controls>
+		<article id="music-player-card" class="card col-md-6 col-sm-12">
+			<audio id="music-player" controls>
 				<source src="/audio/opting_out_ep/01 Opting Out.ogg" type="audio/ogg">
   				<source src="/audio/opting_out_ep/01 Opting Out.mp3" type="audio/mpeg">
 			</audio>