title: Add new line in Javascript or Jquery
body: <p>I have a div like this</p>
  
  <pre><code> &lt;div class="sectionContent" contenteditable&gt;
         &lt;div class="capabilities" name="capabilities" &gt;Some things&lt;/div&gt;
   &lt;/div&gt;
  </code></pre>
  
  <p>So i want everytime user type something in this div like</p>
  
  <pre><code>-Responsible,allways on time,love teamwork
  -Willing to learn new things.
  </code></pre>
  
  <p>I will have new line after user press enter button.Here is the result i want.So how can i achivce that with js or jquery</p>
  
  <pre><code>-Responsible,allways on time,love teamwork&lt;/br&gt;
  -Willing to learn new things.&lt;/br&gt;
  </code></pre>
  
  <p>Thanks for help.Kind regard</p>