title: jQuery and object literal function not working together
body: <p><br>
  i was trying to organize my jquery code so i created an object literal, but now the <strong>focusTextArea</strong> is not working and my textarea value is not updating.</p>
  
  <p>Thanks for your help.</p>
  
  <p><strong>html</strong></p>
  
  <pre><code>&lt;textarea id="test"&gt;&lt;/textarea&gt;​
  </code></pre>
  
  <p><hr>
  <strong>javascript</strong></p>
  
  <pre><code>(function($,window,document,undefined){
  
      var TEX = {
  
          inputField: $("textarea#test"),
  
          /* Init all functions */
          init: function()
          {
              this.focusTextArea();
          },
  
          /* Function update textarea */
          focusTextArea:  function()
          {
              this.inputField.text('test');
          },
      }
  
      $(document).ready(function(){
          TEX.init();
      });
  
  })(jQuery,window,document);​
  </code></pre>
  
  <p><hr>
  <strong>jsfiddle</strong>
  <a href="http://jsfiddle.net/vBvZ8/1/" rel="nofollow">http://jsfiddle.net/vBvZ8/1/</a></p>