<a href="#"><i class="fa fa-plus-circle fa-2x" id="new"></i></a>
            <!--<i class="fa fa-minus-circle fa-2x"></i>-->
        </section>
    </article>
</main>

<script>
    // items: [{ Text: "blah", ID: 123456 }]
    var CurrentItems = [];
    var items = document.querySelector("#items");
    var newItem = document.querySelector('#new-item');
    var article = document.querySelector('article');

    // get items from server, then render them
    function getItems() {
        var xhr = new XMLHttpRe