title: Retrieve image in RSS feed description with jQuery
body: <pre><code>&lt;rss xmlns:dc="http://purl.org/dc/elements/1.1/" version="2.0"&gt;
      &lt;channel&gt;
          &lt;description/&gt;
          &lt;title&gt;Example&lt;/title&gt;
          &lt;link&gt;http://example.com/&lt;/link&gt;
          &lt;item&gt;
              &lt;title&gt;
                My Post Title
              &lt;/title&gt;
              &lt;description&gt;
                  &lt;div class="thumbnail"&gt;&lt;a href="#"&gt;&lt;img src="https://i.imgur.com/192384.jpg"/&gt; &lt;/a&gt;&lt;/div&gt; &lt;p class="intro"&gt;&lt;span&gt; Lorem ipsum dolor sit amet, consectetur adipiscing elit.&lt;/span&gt; &lt;!-- more --&gt; &lt;span&gt; Duis end &lt;/h3&gt; &lt;img src="http://i.imgur.com/wq8fu.png"/&gt;&lt;div class="credit"&gt; Clas Henrik &lt;/div&gt; &lt;/span&gt;&lt;/p&gt;
              &lt;/description&gt;
           &lt;/item&gt;
       &lt;/channel&gt;
  &lt;/rss&gt;
  </code></pre>
  
  <p>How do I retrieve the first image in the RSS <code>&lt;description&gt;</code>, the one wrapped in <code>&lt;div class="thumbnail"&gt;</code>?  <br> I am using jQuery and I've managed to read the whole description block with this code:</p>
  
  <pre><code>var rssurl = 'http://example.com/rss';
  $.get(rssurl, function(data) {
      var $xml = $(data);
      var vari = 0;
      $xml.find("item").each(function() {
          var $this = $(this),
            item = {
              description: $this.find("description").text()
            }
  
      });
  });
  </code></pre>
  
  <p>But all I want is the image. Since it's in text now I can't just select it with <code>$('.thumbnail &gt; a &gt; img);</code>
  <br><br>...<br>
  <strong>Edit:</strong> Reformatted my question</p>