    var ListView = Backbone.View.extend({
        el: $('#testContainer'),

        events: {
            'click button#add': 'addItem',
            'click #addLink': 'addItem'
        },
        initialize: function() {
            _.bindAll(this, 'render', 'addItem');
            this.counter = 0;
            this.render();
        },

        render: function() {
            $(this.el).append("<button id='add'>Add list item</button>");
            $(this.el).append("<ul></ul>");
        },

        addItem: function() {
            this.counter++;
            console.log('inside');
            $('ul', this.el).append("<li>hello world" + this.counter + "</li>");
        }
    });

    var listView = new ListView();

    $('#addBtn').click(function() {
        if (listView) listView.addItem();
    });

    $('#addLink').click(function() {
        if (listView) listView.addItem();
    });

Setting Validate Copy Format

<script src="http://ajax.cdnjs.com/ajax/libs/underscore.js/1.1.4/underscore-min.js"></script>
<script src="http://ajax.cdnjs.com/ajax/libs/backbone.js/0.3.3/backbone-min.js"></script>

<div id="testContainer" style="background-color: gray; min-height:200px; min-width:200px; color: white;">
</div>
<button id="addBtn">
    Add using a button control !
  </button>
  <br/>
  <a id="addLink" style="cursor:pointer">
    Add using a simple link
  </a>

Copy Format

Download