 
       @element 'a', { href: '#' }, ->
         @text 'Add Item'
-        @onClick => @_.addItem()
+        @onClick => @app.addItem()
 
       @element 'a', { href: '#' }, ->
         @text 'Update Item'
-        @onClick => @_.updateItem()
+        @onClick => @app.updateItem()
 
       @element 'a', { href: '#' }, ->
         @text 'Remove Item'
-        @onClick => @_.removeItem()
+        @onClick => @app.removeItem()


define ['cs!tubularHtml', 'cs!tubularForm'], (tubularHtml, tubularForm) ->
  ->
    this._ = window.app;

    tubularHtml.install this, (element) ->
      # immediately append

              @element 'legend', ->
                @text '{{ tab.label }}'

      @when 'app.itemList.length', ->
        @element 'h1#sampleHeading', ->
          @text 'Hello, world {{ app.itemList.length }}'

        @element 'ul', ->
          @each 'app.itemList', 'item', ->
            @element 'li', ->
              @text 'This is: {{ item.label }}'

