JQuery Selector Selecting Selectively
<p>I have the following HTML</p>

<pre><code>&lt;i class="up_icon" id="1" /&gt;
&lt;p class="position"&gt;1&lt;/p&gt;
&lt;i class="down_icon" id="1" /&gt;
</code></pre>

<p>I can select <code>.up_icon#1</code> but not <code>.down_icon#1</code></p>

<pre><code>var u = $(".up_icon#1");     //=  [&lt;i class=​"up_icon" id=​"1"&gt;​&lt;/i&gt;​]

var d = $(".down_icon#1");   //=  []
</code></pre>

<p>What am I missing here?</p>
