jquery 플러그인 fileupload 사용방법 질문입니다..

<html>

<head>

<link type="text/css" rel="stylesheet" href="http//code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css">

<script type="text/javascript" src="http://code.jquery.com/jquery-1.9.1.js"></script>

<script type="text/javascript" src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>

<script type="text/javascript" src="/jquery.fileupload.js"></script>

<script type="text/javascript">           

$(document).ready(function() {

    $('#upFile').fileupload({

        url : '/sample/file/uploadProcessJson.action', 

        dataType: 'json',

        //replaceFileInput: false,

        add: function(e, data){

            var uploadFile = data.files[0];

            if (!(/png|jpe?g|gif/i).test(uploadFile.name)) {

                alert('png, jpg, gif 만 가능합니다');

                goUpload = false;

            } else if (uploadFile.size > 5000000) { // 5mb

                alert('파일 용량은 5메가를 초과할 수 없습니다.');

}

            data.submit();

},

        progressall: function(e,data) {

            var progress = parseInt(data.loaded / data.total * 100, 10);

            $('#progress .bar').css(

                'width',

                progress + '%'

);

},

        done: function (e, data) {

            var code = data.result.code;

            var msg = data.result.msg;

            if(code=='0') {

                alert(msg);

            } else {

                alert(code + " : " + msg);

}

},

        fail: function(){

            alert("서버와 통신 중 문제가 발생했습니다");

}

});

});

</script> 

</head>

<body>

    <input type="file" name="fileData" id="upFile" />

    <div id="progress">

        <div class="bar" style="width: 0%;"></div>

    </div>

</body>

</html>

여기서 fileupload를 그냥 함수처럼 사용할 순 없을까요?

id가 upFile인 input을 동적으로 그리다보니 저렇게 $(document).ready(function()에

들어가있으면 인식이 안됩니다...ㅠㅠ

해결방법이 없을까요..?