title: Find each div with specified class
body: <pre><code>var data='&lt;div class="shout_msg"&gt;
      &lt;span class="username"&gt;3&lt;/span&gt;
      &lt;span class="message"&gt;hello&lt;/span&gt;
  &lt;/div&gt;
  &lt;div class="shout_msg"&gt;
      &lt;span class="username"&gt;0&lt;/span&gt;
      &lt;span class="message"&gt;yo&lt;/span&gt;
  &lt;/div&gt;
  &lt;div class="shout_msg"&gt;
      &lt;span class="username"&gt;0&lt;/span&gt;
      &lt;span class="message"&gt;hey&lt;/span&gt;
  &lt;/div&gt;
  &lt;div class="shout_msg"&gt;
      &lt;span class="username"&gt;0&lt;/span&gt;
      &lt;span class="message"&gt;haha&lt;/span&gt;
  &lt;/div&gt;';
  
  $(data).find(".shout_msg").each(function(index){ 
      console.log($(this).find("span.username").text() ); 
  });
  </code></pre>
  
  <p>Its not returning anything. Basically the data, shown here in a variable, is coming from an AJAX request. But in any case I am doing a silly mistake or something. Please correct me.</p>