title: JQuery Not Able To Find Select List
body: <p>I can't, for the life of me, work out why JQuery can't find the select list in this code.  I've tried accessing Select elements in a few JQuery test pages, and it always seems fine, but this just doesn't do anything:</p>
  
  <pre><code>&lt;html&gt;
  &lt;head&gt;
      &lt;script src="jquery.js"&gt;&lt;/script&gt;
      &lt;script&gt;
  
  
      $( document ).ready(function() {
          var new_options = ['were filled with rocks', 'smelled like chicken pox', 'belonged to angry green crocs', 'are kept in a mouldy box' ];
  
          /* Remove all options from the select list */
          $( "#activity_1" ).empty();
  
          /* Insert the new ones from the array above */    
          $.each(new_options, function(value) {
          $( "#activity_1" ).append($('&lt;option&gt;', {value: 'Testing', text : 'Testing'}));
          });
      });
  &lt;/script&gt;
  &lt;/head&gt;
  &lt;body&gt;
      &lt;select id='#activity_1'&gt;&lt;option value='dud'&gt;This shouldn't be here&lt;/option&lt;/select&gt;,
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>