title: jQuery - Create ul list from text
body: <p>I have a block of text I would like to change to an ul list.
  To determine where the text would break I thought I could use a character like /
  So the text might be.</p>
  
  <pre><code>    &lt;p&gt;
        /Red Car/Green Car/Black Car
      &lt;/p&gt;
  </code></pre>
  
  <p>I need a list like this.</p>
  
  <pre><code>    &lt;ul&gt;
        &lt;li&gt;Red Car&lt;/li&gt;
        &lt;li&gt;Green Car&lt;/li&gt;
        &lt;li&gt;Black Car&lt;/li&gt;
      &lt;/ul&gt;
  </code></pre>
  
  <p>I've been trying to do it like this.</p>
  
  <pre><code>      $(function(){
          var list = '';
          $('.whatWeDo').find('=').each(function(){ //.whatWeDo id the &lt;p&gt;
              list += '&lt;li&gt;' + $(this).next() + '&lt;/li&gt;';
          });
          var theList = $('ul').append(list);
          $('.whatWeDo').html(theList);
        })
  </code></pre>