title: Get the text from all elements with the same class
body: <p>In making a US map that displays store locations using <a href="http://newsignature.github.com/" rel="noreferrer">this map plug in</a> I've got it mostly nailed down but want a better way to perform one funciton. I have a list of stores below the map and want to group all stores in the same state and display the store names in a sidebar when you hover over the state. I have the hover and displaying of data working but want to improve. Instead of just writing a function for each state and explicitly stating what to display, I would like to get the first <code>p.cn</code> from each div that has the same class.</p>
  
  <pre><code>&lt;div class="texas"&gt;
      &lt;p class="cn"&gt;Store 1&lt;/p&gt;
  &lt;/div&gt;
  
  &lt;div class="texas"&gt;
      &lt;p class="cn"&gt;Store 2&lt;/p&gt;
  &lt;/div&gt;
  
  mouseoverState: {
      var texas = $('.texas &gt; p.cn').text();
      $('#mysidebarID').html(texas);
  }
  </code></pre>
  
  <p>This is only displaying the first store "store 1" I cannot get it to grab every <code>p.cn</code> from each div.texas and display them with a <code>&lt;br&gt;</code> after each one.</p>
  
  <p>How do I get the html from every element with the same class and combine it into a string with each node separated by a <code>&lt;br&gt;</code>?</p>
  
  <p>thank you - let me know if I need to clarify anything.</p>