title: Looping through .find() results and gathering .text()
body: <p>I've got the following code:</p>
  
  <p><strong>jQuery</strong></p>
  
  <pre><code>$("li").click(function(){
    $(this).toggleClass("selected");
    $(".selected").each(function(){
      $(".items").append(this.text() + ", ");
    });
  });
  </code></pre>
  
  <p><strong>html</strong></p>
  
  <pre><code>&lt;ul class='category'&gt;
    &lt;h4&gt;Category&lt;/h4&gt;
    &lt;a href="#"&gt;&lt;li class="selected"&gt;Link 1&lt;/li&gt;&lt;/a&gt;
    &lt;a href="#"&gt;&lt;li&gt;Link 2&lt;/li&gt;&lt;/a&gt;
    &lt;a href="#"&gt;&lt;li&gt;Link 3&lt;/li&gt;&lt;/a&gt;
    &lt;a href="#"&gt;&lt;li class="selected"&gt;Link 4&lt;/li&gt;&lt;/a&gt;
    &lt;a href="#"&gt;&lt;li class="selected"&gt;Link 5&lt;/li&gt;&lt;/a&gt;
    &lt;a href="#"&gt;&lt;li&gt;Link 6&lt;/li&gt;&lt;/a&gt;
    &lt;a href="#"&gt;&lt;li&gt;Link 7&lt;/li&gt;&lt;/a&gt;
  &lt;/ul&gt;
  
  &lt;span class="items"&gt;Selected Items Appear Here&lt;/span&gt;
  </code></pre>
  
  <p>I'm trying to search the contents of the $(".category") for tags with the <strong>.selected</strong> class before appending the results to another div.</p>
  
  <p>This is the result I'm hoping for:  </p>
  
  <pre><code>&lt;span class="items"&gt;Link 1, Link 4, Link 5&lt;/span&gt;
  </code></pre>
  
  <p>However, the <strong>this.text()</strong> seems to be returning an undefined error.<br>
  Any clue as to what I'm doing wrong?</p>