将隐藏字段追加到 DIV 容器中

我有一个jQuery图像上传工具，可以将上传的文件显示到div容器中。我想将每个渲染图像的带有字段值的隐藏字段附加到div 容器，

这是JavaScript代码

<script>
    $(function(){
        $('#fileupload').fileupload({
            url: 'upload',
            dataType: 'json',
            add: function (e, data) {
                data.submit();
            },
            success:function(response,status) {
                console.log(response.filename);
                var filePath = 'static/uploads/' + response.filename;
                var img = $('<img />', {
                    src: filePath
                });
                img.appendTo($('#Thumb'));
                $('#filePath').val(filePath);
                console.log('success');
            },
            error:function(error){
                console.log(error);
            }
        });
    })
</script>

这是当前的div 布局，

<div class="form-group">
  <label for="txtPost">Photos</label>
<div class="input-group">
                <span class="input-group-btn">
                    <span class="btn btn-primary btn-file">
                        Browse&hellip; <input type="file" id="fileupload" name="file" multiple>
                    </span>
                </span>
        <div class="container" id="Thumb">
<input type="hidden" name="filePath" id="filePath"></input>
        </div>
            </div>
</div>

现在

var img = $('<img />', {
                        src: filePath
                    });
                    img.appendTo($('#Thumb'));

能够将图像源添加到div 布局中，我也想对隐藏的输入类型执行相同的操作以附加到相同的元素 ID。