title: scrollIntoView() is not a function upon page load?
body: <p>I have a set of FAQ's where I've hidden the answers by default, leaving only the question, and I've provided a link to each particular question by embedding an id anchor in each so others can link to it.</p>
  
  <p>The question format structure is as follows:</p>
  
  <pre><code>&lt;div class="contents"&gt;
     &lt;h1 class="question" id="titleOfQuestion"&gt;Some Question Title&lt;/h1&gt;
     &lt;div class="answer" id="titleOfQuestion"&gt;&gt;
        Some Answer
     &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I need to scroll the question into view upon page load if there's an ID anchor in the URL because <code>div.contents</code> is of a fixed height and often overflows with the property <code>scroll</code>.</p>
  
  <p>Wrapped in a document ready handler, the following code does not work:</p>
  
  <pre><code>if(document.location.hash) {
  var id = document.location.hash.substring(1);
      $('div#' + id).scrollIntoView();
  }
  </code></pre>
  
  <p>And I receive the error in Firebug: <code>TypeError: $(...).scrollIntoView is not a function</code>. However, if I then reload the URL from the same location, it <strong>does</strong> work. </p>
  
  <p>What's going on here?  </p>