Edit in JSFiddle

$(function () {
	var wrapper = document.getElementById("wrapper");

    var greet    = function(name){ return "hi: " + name; };
    var exclaim  = function(statement){ return statement.toUpperCase() + "!"; };
    var welcome = _.compose(greet, exclaim);

    var appendit = function() {
		var div = document.createElement("div");
		var txt = document.createTextNode(welcome("threre"));
        div.appendChild(txt);
        return wrapper.appendChild(div);
    }

    $(".trigger").click(function(){
        appendit();
        return false;
    });

});

<p>_.compose Practice</p>
<div id="wrapper">
    <a href="#" class="trigger" >クリックして発動</a>
</div>

p, div {
    margin: 20px 20px 0px;
    clear:both;
}

div.trigger2{
    color:red;
}