title: Copying text of textarea into div with line breaks
body: <p>I am tying to make a simple effect using <code>keyup()</code> in jQuery. I just want that when user types into the <code>textarea</code> then the text which user types will copy to another div named <code>.content</code>. When I press <kbd>enter</kbd> in textarea a new line is created but in my div the text is showing in the same line. My code is below or you can see demo here: <a href="http://jsfiddle.net/Pqygp/" rel="nofollow noreferrer">http://jsfiddle.net/Pqygp/</a></p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>    $('.content:not(.focus)').keyup(function(){     
          var value = $(this).val();
          var contentAttr = $(this).attr('name');
          
          $('.'+contentAttr+'').html(value);
      })</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"&gt;&lt;/script&gt;
  &lt;textarea name="mas" rows="15" class="content"&gt;&lt;/textarea&gt;
      &lt;p&gt;&amp;nbsp;&lt;/p&gt;
      &lt;div class="mas" &gt;Texts Comes here&lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>