diff --git a/app/components/another-component/another-component.html b/app/components/another-component/another-component.html
index 4b123a9..15f4c30 100644
--- a/app/components/another-component/another-component.html
+++ b/app/components/another-component/another-component.html
@@ -26,13 +26,7 @@
             },
 
             _changeName: function(){
-                console.log("changing name");
-                // this.dispatchEvent(new CustomEvent('kick', {detail: {kicked: true}}));
-                this.fire('kick', {kicked: true});
-                this.set('element.person', {"name": "bobby"});
-                this.notifyPath('element');
-                this.notifyPath('element.person');
-                this.notifyPath('elements');           
+                this.fire('change-name', {"newPersonName" : "bobby","index":this.index });      
             }
         });
     </script>
diff --git a/app/components/example-component/example-component.html b/app/components/example-component/example-component.html
index ef888c7..e905275 100644
--- a/app/components/example-component/example-component.html
+++ b/app/components/example-component/example-component.html
@@ -13,7 +13,7 @@
         
         <h2>List of elements</h2>
         <template is="dom-repeat" items="{{elements}}" as="item" indexAs="index">
-            <another-component element="{{item}}" ident$="{{index}}"></another-component>
+            <another-component element="{{item}}" index={{index}} ident$="{{index}}"></another-component>
         </template>
 
     </template>
@@ -29,7 +29,22 @@
                     value: [{"name": "Main1", "person": fred}, {"name": "Main2", "person": tom}, {"name": "Main3", "person": fred}],
                     notify: true
                 }
+            }, 
+
+            attached: function(){
+                this.addEventListener('change-name', function (e) {
+                    console.log("fired");
+                    
+                    this.elements[e.detail.index].person.name = e.detail.newPersonName;
+  
+                    for(var i =0; i< this.elements.length; i++){
+                        this.notifyPath('elements.'+i+'.person.name'); 
+                    }
+                    console.log(this.elements);
+           
+                });
             }
+
         });
 </script>
 </dom-module>
\ No newline at end of file
diff --git a/app/index.html b/app/index.html
index f6d4cd2..9d9b005 100644
--- a/app/index.html
+++ b/app/index.html
@@ -10,28 +10,5 @@
     
     <body>
         <example-component></example-component>
-        <script>
-            document.querySelector('example-component').addEventListener('kick', function (e) {
-                console.log("fired");
-                console.log(e.kicked); // true
-                this.notifyPath('element');
-                this.notifyPath('element.person');
-                this.notifyPath('elements');                      
-            });
-
-                // var el = document.querySelector('example-component');
-                // el.addEventListener('kick', function(){
-                //     var normalizedEvent = Polymer.dom(event);
-                //     // logs #myButton
-                //     console.info('rootTarget is:', normalizedEvent.rootTarget);
-                //     // logs the instance of event-targeting that hosts #myButton
-                //     console.info('localTarget is:', normalizedEvent.localTarget);
-                //     // logs [#myButton, document-fragment, event-retargeting,
-                //     //       body, html, document, Window]
-                //     console.info('path is:', normalizedEvent.path);
-                // });
-
-        </script>    
-  
     </body>
 </html>
\ No newline at end of file
