title: How to wrap HTML text in each new line with <li> tag?
body: <p>I have this code:</p>
  
  <pre><code>&lt;aside id="jmfe_widget-2" class="widget widget-job_listing widget_jmfe_widget"&gt;
  
      &lt;h2 class="widget-title widget-title-job_listing %s"&gt;Amenities&lt;/h2&gt;
  
      Air conditioning&lt;br&gt;
      Free parking&lt;br&gt;
      Access to bathrooms&lt;br&gt;
      Loading dock&lt;br&gt;
      Elevator&lt;br&gt;
  
  &lt;/aside&gt;
  </code></pre>
  
  <p>I want to wrap these points as list items, like this:</p>
  
  <pre><code>&lt;aside id="jmfe_widget-2" class="widget widget-job_listing widget_jmfe_widget"&gt;
  
      &lt;h2 class="widget-title widget-title-job_listing %s"&gt;Amenities&lt;/h2&gt;
  
      &lt;li&gt;Air conditioning&lt;/li&gt;&lt;br&gt;
      &lt;li&gt;Free parking&lt;/li&gt;&lt;br&gt;
      &lt;li&gt;Access to bathrooms&lt;/li&gt;&lt;br&gt;
      &lt;li&gt;Loading dock&lt;/li&gt;&lt;br&gt;
      &lt;li&gt;Elevator&lt;/li&gt;&lt;br&gt;
  
  &lt;/aside&gt;
  </code></pre>
  
  <p>Anyway that's possbile with jQuery?</p>