2. var x = 'test';
3. $(document).ready(function(){
4. var func = function(){ 
5.     return {
6.         trigger: function() {
7.             x = 'yay';
8.         },
9.      
10.         display: function() {
11.             return x;
12.         }
13.     };
14. };
15. var result = new func();
16.     
17.     $('#click').click(function(){
18.        result.trigger();
19.     });
20.     $('#show').append(result.display());
21.    });

So, in my example above, what i am trying to do, is display 'test'. But when the client clicks #click, for it to display 'yay'. My problem is that no matter what i try, the trigger function is not updating the global variable to yay, and display is still showing 'test'.

I know i am missing something or missing the whole concept of javascript/jquery.