Problem z innerHTML Opcje

[diamondking]

Cześć.
Mam dwa osobne ale identyczne formularze, w każdym jest pole file z innym id.

W JS mam skrypt by podczas zmiany tego pola usuwało zawartość z diva.

[HTML] pobierz, plaintext 
$('#avatarimg').on('change', function() {
document.getElementsByClassName('noti')[0].innerHTML = '';
});
[HTML] pobierz, plaintext 

tak samo w drugim

[HTML] pobierz, plaintext 
$('#bgimg').on('change', function() {
document.getElementsByClassName('noti')[0].innerHTML = '';
});
[HTML] pobierz, plaintext 

W pierwszym formularza działa poprawnie, w drugim już nie. Pomożecie?

[diamondking]

Niestety nie działa, widocznie gdzie indziej w kodzie mam jakiś błąd (IMG:style_emoticons/default/smile.gif)
Tworzę to na przykładach z sieci bo nie znam się na JS ;/

[HTML] pobierz, plaintext 
    $('#avatarimg').on('change', function() {
         var buttonblock = document.getElementById("avatarsend");
         if(this.files[0].size > 2097152){
         buttonblock.classList.add("disabled");
        document.getElementsByClassName('txtavatar')[0].innerHTML = '<span class="error">Maksymalny rozmiar pliku 2Mb</span>';       
        }else{
         buttonblock.classList.remove("disabled");
         document.getElementsByClassName('txtavatar')[0].innerHTML = '';  
        } 
        document.getElementsByClassName('noti')[1].innerHTML = '';      
});
[HTML] pobierz, plaintext 

pod spodem mam taki kod do drugiego pola

[HTML] pobierz, plaintext 
$('#bgimg').on('change', function() {
         var buttonblock = document.getElementById("bgsend");
         if(this.files[0].size > 2097152){
         buttonblock.classList.add("disabled");
        document.getElementsByClassName('txtbg')[0].innerHTML = '<span class="error">Maksymalny rozmiar pliku 2Mb</span>';    
        }else{
         buttonblock.classList.remove("disabled");
         document.getElementsByClassName('txtbg')[0].innerHTML = '';   
        }
        document.getElementsByClassName('noti')[1].innerHTML = ''; 
});
[HTML] pobierz, plaintext