title: Using jQuery how to split text into span array
body: <p>I want to split text to control it with html <code>&lt;span&gt;</code></p>
  
  <p>This my html code </p>
  
  <pre><code>&lt;div class="siteLabel"&gt;Gallery/Technology/Music/Video/Business/Nature/People/Sports/Car/Fashion/Learn/Typography&lt;/div&gt;
  </code></pre>
  
  <p>the result should be like this</p>
  
  <pre><code>&lt;div class="siteLabel"&gt;
    &lt;span&gt;Gallery&lt;/span&gt;
    &lt;span&gt;Technology&lt;/span&gt;
    &lt;span&gt;Music&lt;/span&gt;
    &lt;span&gt;Video&lt;/span&gt;
    &lt;span&gt;Business&lt;/span&gt;
    &lt;span&gt;Nature&lt;/span&gt;
    &lt;span&gt;People&lt;/span&gt;
    &lt;span&gt;Sports&lt;/span&gt;
    &lt;span&gt;Car&lt;/span&gt;
    &lt;span&gt;Fashion&lt;/span&gt;
    &lt;span&gt;Learn&lt;/span&gt;
    &lt;span&gt;Typography&lt;/span&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>The problem is that the labels number not static it may be more or less, so i can't use something like <code>.split('/')</code></p>