use global replace

index.html

@@ -75,7 +75,7 @@ if no data-srt is provided, the contents of the div is parsed as srt.
   <p>
     <video src="http://footage.stealthisfilm.com/stream/Robert%20Darnton%20-%20Two%20Information%20Systems%20at%20War%2C%20in%2018th%20Century%20France.ogg" id="video" autplay controls></video>
   </p>
-  <div class="srt" data-video="video" data-srt="sample.srt">content</div>
+  <div class="srt" data-video="video" data-srt="sample.srt"></div>
 </div>
 
 

jquery.srt.js

@@ -34,7 +34,7 @@ $(document).ready(function() {
     var videoId = subtitleElement.attr('data-video');
     var srt = subtitleElement.text();
     subtitleElement.text('');
-    srt = srt.replace('\r\n|\r|\n', '\n')
+    srt = srt.replace(/\r\n|\r|\n/g, '\n')
     
     var subtitles = {};
     srt = strip(srt);