diff --git a/jstemplates/downloads.html b/jstemplates/downloads.html
index c8d72e9..4d0f457 100644
--- a/jstemplates/downloads.html
+++ b/jstemplates/downloads.html
@@ -16,7 +16,9 @@
 	</div>
 	<div class="time">
 		<button class="btn btn-default"><span class="glyphicon glyphicon-play">Play</span></button>
-		<input class="player-slider" type="text" data-slider-step="1" data-slider-value="0"/>
+		<div class="time-holder">
+			
+		</div>
 	</div>
 	<div id="player"></div>
 </div>
\ No newline at end of file
diff --git a/static/js/app.js b/static/js/app.js
index 6e1217f..877e38f 100644
--- a/static/js/app.js
+++ b/static/js/app.js
@@ -152,7 +152,8 @@ var behaviors = {
 				loadedmetadata: function() {
 					console.log($("#player").data("jPlayer").status.duration)
 					
-					$(".player-slider").slider({min:0,max:parseInt($("#player").data("jPlayer").status.duration+1)})
+					$(".time-holder").html('<input class="player-slider" type="text" data-slider-step="1" data-slider-value="0"/>')
+					$(".time-holder .player-slider").slider({min:0,max:parseInt($("#player").data("jPlayer").status.duration+1)})
 					
 				}
 			})