title: JQuery object seems to not be assigned a value in module
body: <pre><code> var Foo = Foo || {};
  
  Foo.Controller = (function ($) {
      var $page = $("#bar");
      var init = function () {
              console.log($page); // outputs: []
              console.log($.isEmptyObject($page)); // outputs: false
          }
      var public = {
          init: init
      }
      return public;
  })(jQuery);
  $("#FooPage").bind("pageinit", function () {
      Foo.Controller.init();
  });
  </code></pre>
  
  <p>Why does $page not seem to be assigned its value? 
  I am using JQuery Mobile and the pageinit is the mobile equivalent of document ready.</p>