title: JSFiddle doesn't work even if I copy code from another working fiddle
body: <p>I visited this link to get some help in learning how to play around with Javascript: <a href="http://jsfiddle.net/8ZtqL/1/" rel="nofollow">http://jsfiddle.net/8ZtqL/1/</a></p>
  
  <p>I attempted it on my project. Didn't work. Hmm.
  So I made a new JS Fiddle and copied to code over. Still didn't work.. Why?
  Here's my fiddle which doesn't work: <a href="https://jsfiddle.net/mt6bwry9/" rel="nofollow">https://jsfiddle.net/mt6bwry9/</a></p>
  
  <p>The code is an exact copy.</p>
  
  <p>Here's the code used:</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>var text="This text will be written one by one.";
  var delay=200;
  var elem = $("#myText");
  //text- string
  //elem - jQuery element where text is to be attached
  //delay - the delay in each text
  var addTextByDelay = function(text,elem,delay){
      if(!elem){
          elem = $("body");
      }
      if(!delay){
          delay = 300;
      }
      if(text.length &gt;0){
          //append first character 
          elem.append(text[0]);
          setTimeout(
              function(){
                  //Slice text by 1 character and call function again                
                  addTextByDelay(text.slice(1),elem,delay);            
               },delay                 
              );
      }
  }
  
  addTextByDelay(text,elem,delay);</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;body&gt;
      &lt;div id="myText"&gt;&lt;/div&gt;
  &lt;/body&gt;</code></pre>
  </div>
  </div>
  </p>