Second jquery "chunk" not running
<p>I have the following jquery below.  When the user clicks .commentCount, I want this div called #commentSec to open up, and then some other elements on the site change.  This jquery chunk runs fine.  However, the second chunk, onclick of a close button called .closeComments, doesn't run at all.  What am I doing wrong? Do I have to return true or something in the first jquery section?  Thanks--</p>

<pre><code> $('.commentCount').click( function() {
        $('#commentSec').css({ 'display' : 'inline', 'height' : 'auto', 'padding' : '10px', 'padding-bottom' : '0px', 'margin-bottom' : '10px', 'margin-left' : '10px', 'z-index' : '10'});
        $('#commentSec h3').css({ 'display' : 'block'});
        $('#rightcolumn').css({ 'opacity' : '.3'}); //Transparent rightcolumn
    });
</code></pre>

<p>Second Chunk:</p>

<pre><code>$('.closeComments').click( function() {
    $('#commentSec').css({ 'display' : 'none'});
    $(this).css({'opacity' : '.9'});
    $('#rightcolumn').css({ 'opacity' : '1'}); //Undo transparent rightcolumn
});
</code></pre>

<p>HTML/PHP:</p>

<pre><code>&lt;h3&gt;&lt;b&gt;' . $useranswering . '\'s&lt;/b&gt; ANSWER&lt;/h3&gt;&lt;img class="closeComments" src="../Images/bigclose.png" alt="close"/&gt;
    &lt;span&gt;&lt;a class="prev" &gt;&amp;larr; previous answer&lt;/a&gt;&lt;a class="next" href=""&gt;next answer &amp;rarr;&lt;/a&gt;&lt;/span&gt;
    &lt;div&gt;
    &lt;p&gt;' . $answer . '&lt;/p&gt;
    &lt;form method=post&gt;
            &lt;input type="hidden" value="'. $ansid .'" name="answerid"&gt;
            &lt;textarea rows="2" cols="33" name="answercomment"&gt;Comment on this answer&lt;/textarea&gt;

            &lt;input type="image" src="../Images/commentSubmit.png"/&gt;
</code></pre>
