function createForm() {
	
	var html = '';
	html += '<form><table>';
	html += '<caption>Wind Chill Calculator</caption>';
	html += '<tr><th>Temperature</th><th>Wind Speed</th><th>Chill Factor</th></tr>';
	html += '<tr><td></td><td>10km</td><td><input name="wcf_1" id="wcf_1" type="text" /></td></tr>';
	html += '<tr><td></td><td>20km</td><td><input name="wcf_2" id="wcf_2" type="text" /></td></tr>';
	html += '<tr><td><input type="text" name="wcf_temp" id="wcf_temp"/></td><td>30km</td><td><input name="wcf_3" id="wcf_3"type="text" /></td></tr>';
	html += '<tr><td></td><td>40km</td><td><input name="wcf_4" id="wcf_4" type="text" /></td></tr>';
	html += '<tr><td></td><td>50km</td><td><input name="wcf_4" id="wcf_4" type="text" /></td></tr>';
	html += '</table></form>';
	
	 $('#test').append($(html));
	 
	 $('#wcf_temp').keyup(function() {
		 alert(this.value);
	 });
}

(function($){
	  $.fn.shuffle = function() {
	    return this.each(function(){
	      var items = $(this).children();
	      return (items.length)
	        ? $(this).html($.shuffle(items))
	        : this;
	    });
	  }
	 
	  $.shuffle = function(arr) {
	    for(
	      var j, x, i = arr.length; i;
	      j = parseInt(Math.random() * i),
	      x = arr[--i], arr[i] = arr[j], arr[j] = x
	    );
	    return arr;
	  }
	})(jQuery);


//$("<div></div>");

jQuery(document).ready(function() {
	
    $(".carousel").jCarouselLite({
	        btnNext: ".next",
	        btnPrev: ".prev"
    });
	
    jQuery('#cf-list').shuffle();
    
    jQuery('#cf-list') 
    .cycle({ 
        fx:     'fade', 
        speed: 1000,
        speedOut:  100,
        speedIn:  0,
        pause: 1,
        timeout: 7000, 
        pager:  '#cf-nav' 
    });
});