title: Call functions within event handler
body: <p>I have written two functions in JavaScript code as follows</p>
  <pre><code>Manager = FormManager.extend({
      First: function () {
       var response = this.Second(&quot;Feature&quot;); //I'm able to get the alert
       
       //I have added a click event handler
       $('#element').on('click', function(){
         var newResponse = this.Second(&quot;Bug&quot;); //The alert is not poping
       });
  
      }
  
      Second: function (type) {
       alert(type);
       //Performs certain operation
      }
  });
  </code></pre>
  <blockquote>
  <p><strong>Error:</strong> Uncaught TypeError: Object #&lt;HTMLButtonElement&gt; has no method 'Second'</p>
  </blockquote>
  <p>I also tried without using <strong><code>this</code></strong> keyword like:</p>
  <pre><code>Second(&quot;Bug&quot;) // Error: There is no method
  </code></pre>
  <p>Whereas this a simplified format (in-order to show a simple example) on my program that I'm playing with.  I'm struggling to find out the reason.</p>
  <p>Can someone direct me to the right path?</p>