title: JQuery not selecting element even after document ready
body: <p>I have code like </p>
  
  <pre><code>function populate...() {
      var user = $.storage.get("particulars");
  
      if (user) {
          console.log($("#frmRegister")); // returns [] why? 
          $("#frmRegister").find("input[name=name]").val(user.name).end()
          .find("input[name=email]").val(user.email).end()
          .find("input[name=contact]").val(user.contact).end()
          .find("input[name=faculty]").val(user.faculty).end()
          .find("input[name=course]").val(user.course).end()
          .find("input[name=year]").val(user.year).end();
      }
      console.log("out")
  }
  
  $(function() {
      eventsViewModel.populateRegistrationForm();
  })
  </code></pre>
  
  <p><strong><a href="http://pastebin.com/21uHi3Yc" rel="nofollow">Full code</a></strong></p>
  
  <p>I wonder why <code>$("#frmRegister")</code> returns null in the log, while in chrome when I use the console to do <code>$("#frmRegister")</code> I get the form</p>
  
  <p>Does Knockout.js interfere with such things? My form looks like: </p>
  
  <pre><code>&lt;form action="" 
    method="POST"
    data-bind="submit: $root.submitRegistration, visible: !registered()"
    id="frmRegister"
  &gt;
  </code></pre>
  
  <p><strong>UPDATE</strong></p>
  
  <p>See <a href="http://octopus.phpfogapp.com/" rel="nofollow">http://octopus.phpfogapp.com/</a> for the code. The line in question is line 154. (unless I change it. If so you could probably search for <code>$("#frmRegister").find("input[name=name]")</code> or maybe <code>$("#frmRegister</code></p>