title: $(document).ready() not working
body: <p>Code: </p>
  
  <pre><code>var names = [
      'Abstract',
      'Animals',
      'Beach',
      //etc. (removed because it was too long)
      'Volcano'
  ];
  
  var links = [
      'http://i.imgur.com/MFkuQ.jpg',
      'http://i.imgur.com/QEt72.png',
      'http://i.imgur.com/nmrqv.jpg',
      //etc. (removed because it was too long)
      'http://i.imgur.com/7uy15.png'
  ];
  
  $(document).ready(function() {
      alert('test');
      for (i = 0; i &lt; names.length; i++) {
          var row = document.createElement('tr');
          var col = document.createElement('td');
          col.appendChild(document.createTextNode(names[i]));
          row.appendChild(col);
          document.getElementById('imagenametable').appendChild(row);
      }
  });
  
  function expandbar(s) {
      resetbars();
      $('#' + s).show('slow');
  }
  function resetbars() {
      for (i = 1; i &lt;= 3; i++) {
          $('#sec' + i).hide('slow');
      }
  }
  </code></pre>
  
  <p>The <code>$(document).ready()</code> is not working; I do not get an alert that says 'test' when my page loads. Help?</p>
  
  <p>I have included jQuery.</p>