title: JQuery $('#id") does not work
body: <p>I'm a noob in JQuery, trying my hands on the basic functionality of it</p>
  
  <p>I have a html, like below. </p>
  
  <pre><code>&lt;html&gt;
  &lt;head&gt;
      &lt;script type="text/javascript" charset="utf-8" src="js/jquery-2.0.3.min.js"&gt;&lt;/script&gt;
      &lt;script type="text/javascript" src="js/start.js"&gt;&lt;/script&gt;
      &lt;script&gt;
          $(mainFunction());
          $('#label1').prop('innerHTML', "test");
      &lt;/script&gt;
  
      &lt;title&gt;&lt;/title&gt;
  &lt;/head&gt;
  &lt;body&gt;
      &lt;label id="label1"&gt;&lt;/label&gt;
  &lt;/body&gt;
  
  &lt;/html&gt;
  </code></pre>
  
  <p>From start.js, i'm trying to manipulate the elements in this html file like below. </p>
  
  <pre><code>function start(name){
      this.iam = name;
      this.getName = function(user){
          return this.iam;
      }
  }
  
  function mainFunction(){
      var label = $('#label1');
      var oStart = new start("test");
      label.prop("innerHTML" ,oStart.getName("test"));
  }
  </code></pre>
  
  <p>When I try to lookup whats in the 'label' in the above code, i get [] printed on the console. What am I doing wrong here? </p>