title: Split HTML in divs with Javascript/JQuery based on HR tags
body: <p>I want to split articles (= HTML content) that I receive from a webservice in different DIVs, based on a HR tag.</p>
  
  <p>I explain with an example, this is what I receive from the service: </p>
  
  <pre><code>&lt;p&gt;This is an article bla bla&lt;/p&gt; &lt;hr/&gt; &lt;p&gt;this is the next page of the article blabla ...&lt;/p&gt;
  </code></pre>
  
  <p>I want to make, based on the HR-tag:</p>
  
  <pre><code>&lt;div&gt;&lt;p&gt;This is an article bla bla&lt;/p&gt;&lt;/div&gt;
  &lt;div&gt;&lt;p&gt;this is the next page of the article blabla ...&lt;/p&gt;&lt;/div&gt;
  </code></pre>
  
  <p>I tried different thinks but is doesn't work. How can I do that with Javascript or JQuery (or with another method ;-))?</p>