jQuery: set opacity on div but don't apply to anchor tag inside div
<p>I need to be able to change the opacity of a div as people click on links (not inside the div).  So I am setting the opacity to start with, and then changing it as need in my script.</p>

<p>Here is my initial setting:</p>

<pre><code>$('#config-title5a').css('background', '#ccc url(http://www.configureyourlaser.com/images/gradient.png) repeat-x 0 -10px').css({ opacity: 0.3 });
$('a#coolingtip').css({ opacity: 1.0}); 
</code></pre>

<p><code>a#coolingtip</code> is the anchor inside the div, which is called <code>#config-title5a</code>.  Currently, this script changes the opacity on everything.  How do I get it to apply the opacity change to the div, but not the anchor tag inside the div?</p>

<p>Here is the HTML:</p>

<pre><code>&lt;div id="config-title5"&gt;
Wavelength&lt;/div&gt;
&lt;div id="config-title5a"&gt;
&lt;a id="wavelengthtip" title="Wavelength" href="&lt;?php echo base_url(); ?&gt;application/views/tooltips/wavelengthtip.php" rel="&lt;?php echo base_url(); ?&gt;application/views/tooltips/wavelengthtip.php"&gt;Learn More ›&lt;/a&gt;&lt;/div&gt;
</code></pre>
