Привязать модель и вид к существующему div backbone

Гайз, нужна помощь, не могу понять, каким образом я могу привязать модель и вид к уже существущему массиву элементов в DOM дереве ( в div.container у меня есть несколько div.widget ), имеется такой код:

// Model
V.Models.Shortcode = Backbone.Model.extend({});
// Shortcodes Collection Init
V.Collections.Shortcodes = Backbone.Collection.extend({
  model: V.Models.Shortcode,
});

При загрузке iframe подгружаем коллекцию и запихиваем в нее данные моделей полученные из storage, что сформировался на сервере:

$('#preview').on('load', function() {
    var ShortcodesCollection = new V.Collections.Shortcodes( Vision.ShortcodeStorage );
    var Preview = new V.Views.Preview({
        collection: ShortcodesCollection,
        el: $('.container')
    });
    Preview.render();
});

Далее в дело вступает собственно View моего Preview с коллекцией внутри:

// Collection View in iframe
V.Views.Preview = Backbone.View.extend({
  initialize: function() {
    this.collection.on('add', this.addOne, this);
  },
  render: function() {
    this.collection.each(this.addOne, this);
    return this;
  },
  addOne: function(ad) {
    var shortcodeView = new V.Views.Shortcode({ model: ad });
    shortcodeView.render();
  }
});

в функции addOne мы пробегаемся по каждой модели и формируем View для нее:

// Shortcode View
V.Views.Shortcode = Backbone.View.extend({
    events: {
        'click .vswidget' : 'SomeActionOnView'
    },
    render: function(){
        //console.log(this.el);
        //console.log(this.model.toJSON());
    },
    SomeActionOnView: function(){
        console.log(this);
    }
});

Собственно вопрос, каким образом я могу привзять V.Views.Shortcode к каждому div с классом .widget чтобы повесить события? Спасибо!