title: How do I make a new line or add HTML to this Javascript function?
body: <p>I trying to create a typewriter effect, I got everything working, but I cannot figure out how to create a new line.</p>
  
  <p>I've tried all three:</p>
  
  <pre><code>\n
  \r
  &lt;br /&gt;
  </code></pre>
  
  <p>but it just types those characters.</p>
  
  <p>Here is my javascript function:</p>
  
  <pre><code>$.fn.Typewriter = function(opts){
      var $this = this,
          defaults = { animDelay: 50 },
          settings = $.extend(defaults, opts);
      $.each(settings.text, function(i, letter){
          setTimeout(function(){
              $this.html($this.html() + letter);
          }, settings.animDelay * i);
      });
  }
  </code></pre>
  
  <p>Here is an example how I'm calling it:</p>
  
  <pre><code>$('#howto').Typewriter({
  animDelay: 100,
  text: 'Lorem ipsum dolor sit amet, consectetur adipisicing elit, &lt;br /&gt; sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. \r Ut enim ad minim veniam, quis nostrud exercitation \n ullamco laboris nisi ut aliquip ex ea commodo consequat.'});
  </code></pre>
  
  <p>This is how it end up looking:</p>
  
  <pre><code>"Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat."
  </code></pre>
  
  <p>I want it to look like:</p>
  
  <pre><code>Lorem ipsum dolor sit amet, consectetur adipisicing elit,
  sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
  Ut enim ad minim veniam, quis nostrud exercitation
  ullamco laboris nisi ut aliquip ex ea commodo consequat.
  </code></pre>
  
  <p>All help is appreciated!</p>
  
  <p><a href="http://jsfiddle.net/9Qsku/" rel="nofollow">http://jsfiddle.net/9Qsku/</a></p>