title: How to replace content of <li> tag
body: <p>I'm quite new here, and just recently discovered jQuery.
  I have a list:</p>
  
  <pre><code>&lt;ul id="tagcloud"&gt;
      &lt;li&gt;Strategic Planning Process,Preparing for Changes,&lt;/li&gt;
      &lt;li&gt;Effective,Enrollment Managers,Effective Enrollment Managers,&lt;/li&gt;
      &lt;li&gt;Enrollment Program,&lt;/li&gt;
      &lt;li&gt;Next Generation,Diversity,Future enrollment,&lt;/li&gt;
      &lt;li&gt;Annual Admissions Plan,&lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>Now, what i want to do, is basicly replace all the "," with <code>&lt;/li&gt;&lt;li&gt;</code> and, of course, get rid of the last "," not to have empty <code>&lt;li&gt;</code>
  I think its gonna be something like:</p>
  
  <pre><code>$('pre').html(function() {
     return this.innerHTML.replace(",", "&lt;/li&gt;&lt;li&gt;");
  });
  </code></pre>
  
  <p>But it doesnt work. I'm probably thinking wrong...</p>