title: How can I wrap each character from a text node in a <li>?
body: <p>I want to split a string value in a single digits and <code>wrap()</code> it in <code>&lt;li&gt;&lt;/li&gt;</code>. I am trying to achieve this goal but fail to do this following is my code:</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"&gt;&lt;/script&gt;
  &lt;script&gt;
    $(document).ready(function(e) {
      var str = $('#number').html();
      var spl = str.split('');
      var len = spl.length;
      var i = 0;
      setInterval(function() {
  
        if (i &lt;= len) {
          $('#number').wrap('&lt;li&gt;' + spl[0] + '&lt;/li&gt;')
  
        }
        i++;
  
      }, 200)
    })
  &lt;/script&gt;
  
  &lt;div id="number"&gt;123456 as&lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>