title: jquery-extension not executing in chrome app
body: <p>I've encountered a strange problem with my chrome app i'm developing at the moment. 
  I want to use the "knob" extension to use it for a alarm-clock slider (to set the time)
  This wouldn't be a really difficult matter, wouldn't it be for the restrictions and strange issues found while programming a chrome app.</p>
  
  <p>In my index.html file I included the jquery library and the knob extension. And that is where the problems started. Somehow, my scripts only can use the Id's of elements that are above them. So when I include the  tags between the  tags, nothing executes, if I put them after the first  tags they only work with the things that are in this div container. thats why I put the script just before the  tag. That works well for "normal" javascript usability. But because I have a  that referes to a jquery function (for the knob) the jquery library should be already loaded before the function gets executed (if not, it just doesn't work). I tried to get a workaround by using these posibilities:</p>
  
  <hr>
  
  <pre><code>document.onload=test();
  
  function test(){
  
  $(function() {
  $(".dial").knob();
  });
  }
  </code></pre>
  
  <hr>
  
  <pre><code>document.onload=test();
  
  $(function test() {
  $(".dial").knob();
  });
  }
  </code></pre>
  
  <hr>
  
  <pre><code>document.onload=$(function() {
  $(".dial").knob();
  });
  }
  </code></pre>
  
  <p>well.... It didn't work. I also tried window.onload, with the same reuslt. does someone have a solution? It would be of great help.</p>
  
  <p>Thank you, 
  neissen</p>