How to I get the text of my nested anchor tag using jQuery?
<p>Needless to say, but I'm extremely new to jQuery...</p>

<p>I have list of checkboxes and after a user has selected a few I'm trying to build a jquery call that will retrive the text of the selected checkboxes. Here's what I have...</p>

<p>My List of checkboxes ( this is actually a longer list)</p>

<pre><code>&lt;li&gt;&lt;input type="checkbox" value="1099511627776" name="group[42][1099511627776]" id="mce-group[42]-42-0"&gt;&lt;label for="mce-group[42]-42-0"&gt;&lt;a class="screenshot" rel="images/pass1.png"&gt;Good Luck. Pass It On.&lt;/a&gt;&lt;/label&gt;&lt;/li&gt;
&lt;li&gt;&lt;input type="checkbox" value="2199023255552" name="group[42][2199023255552]" id="mce-group[42]-42-1"&gt;&lt;label for="mce-group[42]-42-1"&gt;&lt;a class="screenshot" rel="images/pass2.png"&gt;You’re One Of The 8 Special Women...&lt;/a&gt;&lt;/label&gt;&lt;/li&gt;
&lt;li&gt;&lt;input type="checkbox" value="4398046511104" name="group[42][4398046511104]" id="mce-group[42]-42-2"&gt;&lt;label for="mce-group[42]-42-2"&gt;&lt;a class="screenshot" rel="images/pass3.png" id="keep"&gt;Keep It Up&lt;/a&gt;&lt;/label&gt;&lt;/li&gt;
</code></pre>

<p>The jQuery script I built that I can't quite figure out is below. Basically I want to retrieve the text in the anchor tag... Good Luck. Pass It On., You’re One Of The 8 Special Women..., Keep it Up</p>

<pre><code>&lt;script type="text/javascript"&gt;
        function displayVals() {
            var selectData = $('input:checked').map(function() {
                                                return "&lt;p id='choice'&gt;" + $('a.screenshot') + "&lt;/p&gt;";
                                                }).get().join('');
            $("p.#you_selected").html(" &lt;b&gt;YOU HAVE CHOSEN:&lt;/b&gt; &lt;br&gt;" +  "&lt;div id='choice_list'&gt;" + selectData + "&lt;/div&gt;" );
        }
        displayVals();
        $(":checkbox").click(displayVals);
    &lt;/script&gt;
</code></pre>
