Multiple File upload controls not working on page scrolling down

Multiple File upload controls not working on page scrolling down

Hi Everyone,

I have been trying to modify multiple file upload controls using this link:
http://gayarambutmasakini.blogspot.in/2012/04/make-your-file-upload-control-stylish.html

I made following modifications:

1) example.js:
$(function(){
    $('input[type=file]').customFileInput;   
});

2) jQuery.fileinput.js:
$.fn.customFileInput = $('input[type=file]').each(function() {});

3) In index.html forget the upload button effects. comment them.

Scenario: Let's say i have 8 file upload controls in my page. the moment page loads it displays first four file upload controls. on clicking them; they works fine. However for rest 4 controls you need to scroll down. Once you scroll down they doesn't work. In fact scrolling up even controls at the top doesn't seem to work.

Need help on the same. How to make this work.

Thanks in Advance.

Regards
Nabh19