Cost Center jQuery

by rsmclaug

HTML

<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css">
<div>
    <div>Cost Centers</div>
    <input type="text" id="name"/><button id="go">Go</button>
    <ul id="list">
        <li>Cost Center 1</li>
        <li>Agency CC</li>
    </ul>
</div>

CSS

ul {
    list-style: none;
    padding: 0;
}

JavaScript

$("#go").click(function(){
    var name = $("#name");
    $("#list").append("<li>" + name.val() + "</li>");
    name.val("");
});