title: jQuery can't find div with specified id
body: <p>I am using jQuery to find a div with a specific id, except it return null. This is strange since trying to find other divs works just fine.</p>
  
  <p><b>Jquery</b>  </p>
  
  <pre><code>$(document).ready(function()
  {
      //Finds parent div without a problem
      console.log($('#next-sheet'));
  
      //Returns null, can't find the div I really need
      console.log($('#start-course'));
  
      //Also returns null
      console.log($('#next-button'));
  
      //Still returns null, can't find the div
      console.log($('#next-sheet #start-course'));
  });
  </code></pre>
  
  <p><b>HTML</b></p>
  
  <pre><code>&lt;div id='next-sheet'&gt;
      &lt;a href="/courses/start/&lt;?php echo $data['Courses']['Course']['id']; ?&gt;" class='right disable-hover'&gt;
          &lt;div class='button' id='start-course next-button' data-callbackdata="&lt;?php echo $data['Courses']['Course']['name']; ?&gt;" &gt;Start Course&lt;/div&gt;
      &lt;/a&gt;
      &lt;div class="clear"&gt;&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>This is very strange, I am using the .ready function, so the html is available, because it can find the parent div. But when I try to find the child div, it can't find anything.</p>
  
  <p>jQuery is loaded correctly, same as all the other stuff. It's all just static HTML. I am using CakePHP, but that should be not the problem.</p>
  
  <p>Is there something I am missing here?</p>