$(function(){
  $('textarea#text').attr('value','');

  $('button#tokenize').click(function(){
    var text = $('textarea#text').attr('value');
    $('body').append(listize(tokenize(text)));
  });

})

function p(text){ return "\t<p>"+text+"</p>\n"}
function li(text){ return "\t<li>"+text+"</li>\n"}

function tokenize(text, delims){
  var text = strip(text);
  var delims = delims || '.?!, ';
  var puncre = new RegExp('([' + delims + ']+)');
  var words = [];
  var bits = text.split(puncre);
  for (var i=0; i<bits.length;i++){
    if (!(bits[i].match(puncre))) words.push(bits[i])
  }
  return words;
}

function listize(words){
  var list = ['<ul>'];
  for(var i=0;i<words.length;i++){
   list.push(li(words[i])); 
  }
  list.push('</ul>');
  return list.join('\n');
}

function strip(text){
  return text.replace(/\W+$/,'');
}