Using jquery 1.4 or javascript how would I target a specific link using a variable
<p><strong>HTML:</strong>
I've attached a simplified example of the problem I'm facing:</p>

<pre><code>&lt;h2&gt;Product2&lt;/h2&gt;
&lt;div id="products"&gt;

    &lt;a class="my-product1" href="#"&gt;&lt;span&gt;my-product1&lt;span&gt;&lt;/a&gt;
    &lt;a class="my-product2" href="#"&gt;&lt;span&gt;my-product2&lt;span&gt;&lt;/a&gt;
    &lt;a class="my-product3" href="#"&gt;&lt;span&gt;my-product3&lt;span&gt;&lt;/a&gt;
    &lt;a class="my-product4" href="#"&gt;&lt;span&gt;my-product4&lt;span&gt;&lt;/a&gt;
    &lt;a class="my-product5" href="#"&gt;&lt;span&gt;my-product5&lt;span&gt;&lt;/a&gt;

&lt;/div&gt;​
</code></pre>

<p><strong>Javascript:</strong>
I'm already pulling myProduct from the page title and forcing lowercase. Next I'm attempting to remove this product from the group of links based on its class. Its quite possible this is jquery101 however I can't figure out how to add a class to a link using a variable to determine which class to select. In this example lets assume var myProduct = Product2</p>

<pre><code>function removeProduct(myProduct){
    $("a.myProduct").addClass("display-none");
};
</code></pre>

<p>Also, I am still learning so if you have the time a Brief explination of why what i'm doing is wrong would go a long way. Thanks for your time!</p>
