title: Backbone.js remove surrounding div from template
body: <p>Im my popover module the template is loaded view ajax. </p>
  
  <pre><code>function(app) {
  
    var Popover = app.module();
  
    Popover.Views.Default = Backbone.View.extend({
      template: "popover/template",
  
      initialize: function(options) {
        this.reference = options.reference;
        this.render();
      },
  
      beforeRender: function() {
        this.content = this.$el.find('.popover');
      }
    });
  
    // Required, return the module for AMD compliance.
    return Popover;
  });
  </code></pre>
  
  <p>Renders:</p>
  
  <pre><code>&lt;div&gt;
      &lt;div class="popover"&gt;content&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>While the template just includes</p>
  
  <pre><code>&lt;div class="popover"&gt;content&lt;/div&gt;
  </code></pre>
  
  <p><strong>How can I remove the sorrounding div?</strong></p>