title: jQuery error with pipe symbol "|" in ID name
body: <p>I have a select menu, it's options are ID'd like this:</p>
  
  <pre><code>&lt;select&gt;
  &lt;option id='order1|2'&gt;1&lt;/option&gt;
  &lt;option id='order2|2'&gt;2&lt;/option&gt;
  &lt;option id='order3|2'&gt;3&lt;/option&gt;
  &lt;/select&gt;
  </code></pre>
  
  <p>I want to select one dynamically with jQuery. In javascript, I can do</p>
  
  <pre><code>document.getElementById("order2|2").selected=true;
  </code></pre>
  
  <p>and that works fine. however, with jQuery</p>
  
  <pre><code>$("#order2|2").attr("selected","selected");
  </code></pre>
  
  <p>gives a bad expression error, so does any other command when I am working with it, such as</p>
  
  <pre><code>$("#order2|2").val();
  </code></pre>
  
  <p>I'm not sure what is happening. jQuery does not like the pipe symbol? Thanks.</p>