title: Converting paragraphs with breaks to columns using jQuery
body: <p>I have to process the html of email messages and need to transform the html of the message into a simple table with rows and columns.</p>
  
  <p>Below is one scenario in which I simply cannot find an answer:</p>
  
  <pre><code>&lt;td&gt;
      &lt;p class="productDetails"&gt;
          Product:
          Brocade peplum pencil dress
          &lt;br /&gt;
          Qty: 1
          &lt;br /&gt;
          Size: Size 12
          &lt;br /&gt;
          Colour: Black
          &lt;br /&gt;
          Price:  GBP 50.00
          &lt;br /&gt;
      &lt;/p&gt;
  &lt;/td&gt;
  </code></pre>
  
  <p>I need to convert it into the following format:</p>
  
  <pre><code>&lt;td&gt;
      &lt;td&gt;
          Product:
          Brocade peplum pencil dress
        &lt;/td&gt;
        &lt;td&gt;
          Qty: 1
        &lt;/td&gt;
        &lt;td&gt;
          Size: Size 12
        &lt;/td&gt;
        &lt;td&gt;
          Colour: Black
        &lt;/td&gt;
        &lt;td&gt;
          Price:  GBP 50.00
         &lt;/td&gt;
  &lt;/td&gt;
  </code></pre>
  
  <p>I will get rid of the columns within a column by using <code>unwrap()</code> but I am stuck on how to replace the <code>&lt;br&gt;</code> with td's because trying to use <code>&lt;/td&gt;&lt;td&gt;</code> to replace the <code>&lt;br&gt;</code> does not work.</p>
  
  <p>I have a number of similar scenarios and it would be very helpful if I can get past this point.</p>