Syllable Counter

HTML

<textarea rows="8" cols="5" class="alignright" name="set_count" readonly="readonly" /></textarea>
<textarea rows="8" cols="30" name="set_a">i would appreciate
any help at all
in the world</textarea>

CSS

* {
    font-family:Helvetica;
    font-size:1em;
}
body {
    margin:30px;
}
.alignright {
    text-align: right;
}
textarea {
    float:left;
}

JavaScript

function count_chars(input){
	var lines = $(input).val().match(/[^\r\n]+/g);
  var count = [];
  var content;
	for (var i = 0; i < lines.length; i++) {
    content = lines[i].split(" ").join("");
    count.push(content.length);
  }
  
  // Count characters once
  var count_no_repeat = []
  for (var i = 0; i < lines.length; i++) {
    content = lines[i].split(" ").join("");
    content = content.replace(/(.)(?=.*\1)/g, "");
    count_no_repeat.push(content.length);
  }
  
  $("[name=set_count]").val( count + "\n" + count_no_repeat);
}

(function ($) {
	$("textarea[name=set_a]").keyup(function () {
      count_chars(this);
  });
  count_chars($("textarea[name=set_a]"));
})(jQuery);