title: Access click event outside the el in backbone view
body: <p>How can i access click event outside the <code>el</code> scope.</p>
  
  <p>What i have : 
  HTML : </p>
  
  <pre><code>&lt;div class="right_btn"&gt;&lt;/div&gt;
  &lt;div id="template_loader"&gt;
      &lt;!-- HTML template goes here which contain form inputs--&gt;
      &lt;input type="text" class="forgot_password_email" name="forgot_password_email"/&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>View :</p>
  
  <pre><code>var ForgotPasswordView = Backbone.View.extend({
      el: "#template_loader",
      initialize: function () {
          console.log('Forgot Password View Initialized');
      },
      render: function () {
          blockPage();
          var that = this;  
  
          $.get(App.baseUrl + 'templates/forgot-password-view.html', function (data) {
              template = _.template(data, { });
              that.$el.html(template);
              unblockPage();
          }, 'html'); 
      },
      events:{
          'click .right_btn':'forgotPasswordSubmit', //Doesn't fire as its outside of el
      }, 
      forgotPasswordSubmit: function(e){
          alert($(".forgot_password_email").val());
          e.preventDefault();
      }
  });
  </code></pre>
  
  <p>Ive gone through the following : </p>
  
  <p><a href="https://stackoverflow.com/questions/8274257/backbone-js-views-binding-event-to-element-outside-of-el">Backbone.js views - binding event to element outside of &quot;el&quot;</a></p>
  
  <p><a href="https://stackoverflow.com/questions/13269071/howto-bind-a-click-event-in-a-backbone-subview">Howto bind a click event in a Backbone subview</a></p>
  
  <p>but doesn't really help me get it to work.</p>
  
  <p>How can i get the click event of <code>.right_btn</code> inside the view. I cannot change the template structure to include the <code>right_btn</code> inside the<code>el</code>. Is here anyway to bind the outside element or recognize the click event inside a backbone view itself.</p>