【Rails JS】フォームで画像ファイルのプレビューをeditでも表示したい

#環境
Ruby(2.3.3)
Ruby on Rails(5.0.1)

**gem**
[carrierwave](https://github.com/carrierwaveuploader/carrierwave)（アップローダー）
[cocoon](https://github.com/nathanvda/cocoon)（ネストフォーム）

**保存先**
[Cloudinary](http://cloudinary.com/)

#保存されている画像ファイルを更新時に取得したい

[こちら](http://qiita.com/josenaka/items/46d44793827920282f75)を参照してRailsの画像アップロードフォームにプレビューを表示させました。

<img width="673" alt="スクリーンショット 2017-03-07 7.54.54.png" src="https://qiita-image-store.s3.amazonaws.com/0/98283/2c531d50-4506-6d27-b159-497b95ba64d6.png">

新規登録時はこのままで問題ないのですが、現状edit(更新)画面では空欄のままとなっており事前に保存されている画像を枠内に表示させたいと考えております。

<img width="660" alt="スクリーンショット 2017-03-07 7.56.19.png" src="https://qiita-image-store.s3.amazonaws.com/0/98283/e53eb843-b1db-8159-02b8-16192a9a073f.png">

以下のJSファイルを編集が必要かと思いますが、どの部分を変更すれば良いのか教えて頂けませんでしょうか。。
なお、image(画像)モデルはshop(店舗)モデルにネストされています。

```JavaScript:shop.js
$(document).on('change', ':file', function() {
    var input = $(this),
    numFiles = input.get(0).files ? input.get(0).files.length : 1,
    label = input.val().replace(/\\/g, '/').replace(/.*\//, '');
    input.parent().parent().next(':text').val(label);

    var files = !!this.files ? this.files : [];
    if (!files.length || !window.FileReader) return; // no file selected, or no FileReader support
    if (/^image/.test( files[0].type)){ // only image file
        var reader = new FileReader(); // instance of the FileReader
        reader.readAsDataURL(files[0]); // read the local file
        reader.onloadend = function(){ // set image data as background of div
            input.parent().parent().parent().prev('.imagePreview').css("background-image", "url("+this.result+")");
        }
    }
});
```

__サーバーサイドはこのようになっております__

```ruby:shop.rb
class Shop < ApplicationRecord
  has_many :images, dependent: :destroy
  accepts_nested_attributes_for :images, allow_destroy: true
```

```ruby:image.rb
class Image < ApplicationRecord
  belongs_to :shop, optional: true
  mount_uploader :file, ImageUploader
end
```

```Ruby:shops_controller.rb
  def new
    @shop = Shop.new
    @shop.build_close_date
    2.times { @shop.images.build }
  end

  def edit
    @shop.close_date = CloseDate.new if @shop.close_date.blank?
  end

  def create
      @shop = current_user.shops.build(shop_params)
      respond_to do |format|
        if @shop.save
          format.html { redirect_to @shop, notice: '店舗情報を登録しました' }
          format.json { render :show, status: :created, location: @shop }
        else
          format.html { render :new }
          format.json { render json: @shop.errors, status: :unprocessable_entity }
        end
      end
  end

  def update
    if @shop.update(shop_params)
      format.html { redirect_to @shop, notice: '店舗情報を更新しました' }
      format.json { render :show, status: :uploded, location: @shop }
    else
      format.html { render :edit }
      format.json { render json: @shop.errors, status: :unprocessable_entity }
    end
  end
end
```

```erb:_form.html.erb
<%= simple_form_for(@shop, :authenticity_token => true, html: { multipart: true }) do |f| %>
<div class="nested-field">
    <%= f.simple_fields_for :images do |image| %>
        <%= render partial: 'image_fields', locals: {f: image} %>
    <% end %>
    <%= link_to_add_association "画像を追加", f, :images, :class => 'btn btn-primary' %>
</div>
<% end %>
```

```erb:_image_fields.html.erb
<div class="nested-fields form_time_selects imgInput">
    <div class="col-sm-2">
          <div class="input-group">
              <label class="input-group-btn">
                  <span class="btn btn-primary">
                      選択<%= f.file_field :file, :class => "uploadFile", :style => "display:none" %>
                        <%= link_to_remove_association("削除", f, {}) %>
                    </span>
                </label>
            <input type="text" class="form-control" readonly="">
        </div>
    </div>
</div>
```