I have a wrapped set of elements, and I would like to change the value of each one of them.

Take a look here:

2. init : function() {
3. $('[data-role="page"]').live('pagebeforecreate', function(e) {
4. var page = $(e.target);
5. Localization.localize(page.find('[i18n]'));
6. });
7. },
8. 
   
9. localize : function (page) {
10.      page.each(function(){
11.          elem = $(this);
12.           elem.val("My Test");
13. });
14. 
    
15. 
    
    
    

Is there a unified way to change the value of an element without considering its type?

e.g.: 

I can change the button element using val("new value"),  but that won't work on other types, such as headers (the innerHTML value will stay the same)

Thanks in advance,

Alon