Q:

querySelectorAll is not finding dynamically added elements with custom attribute

I am creating two way binding between JS Object and UI in below fiddle, code is big to post Please check http://jsfiddle.net/bpH6Z/20/
I am using the code like below  
  var elements = document.querySelectorAll("[" + data_attr + "]  *[bd='" + prop_name +  "']");

I have mentioned the problem line in big comments, can be identified easily. My problem is I am adding elements to binded dynamicaly using JS, when I change the value in UI, the same value is not reflected in other places. The problem is querySelectorAll is faling to find elements with same attribute. It is finding only first occurrence. Please look into the issue.

A:

Give me negative votes and let myself realize to not to waste my time with silly mistakes. In my first fiddle I have written "bata-bind" instead of "data-bind". That was the mistake.

