Split css con jquery

by Quique Fdez Guerra

HTML

<form action="">
    <label>Insert your text to split into letters</label>
    <input type="text" id="myId">
    <input type="button" value="Click to convert">
</form>

<textarea name="chacho" id="chacho" cols="30" rows="10"></textarea>
<div id="hola"></div>

JavaScript

$('input[type="button"]').click(function(){
    var valor = $("#myId").val().split('');
    var texto = "";
    for (v in valor){
        texto=texto+"<span class='laclase"+v+"'>"+valor[v]+"</span>";
    } 
    $("#chacho").text(texto);
});